Project

General

Profile

Actions

Support #3207

closed

Syntax Hightlight (SQL) - CodeMirror

Added by Carsten Rose about 7 years ago. Updated almost 7 years ago.

Status:
Closed
Priority:
Normal
Assignee:
Rafael Ostertag
Target version:
-
Start date:
15.02.2017
Due date:
% Done:

0%

Estimated time:
Discuss:
Prio Planung:
Vote:

Description


Related issues

Related to QFQ - Feature #3402: Syntax Highlighting via CodeMirrorSome day maybeCarsten Rose22.03.201725.01.2020

Actions
Actions #1

Updated by Carsten Rose about 7 years ago

  • Description updated (diff)
Actions #2

Updated by Carsten Rose about 7 years ago

  • Description updated (diff)
Actions #4

Updated by Carsten Rose almost 7 years ago

Variante: TinyMCE mit Plugin 'codesample'

Mockup 'Richtexteditor': Plugin 'codesample' in TinyMCE testweise aktiviert - das Ergebnis ist nicht das was gewuenscht ist.

Beschreibung: In TinyMCE kann in der Statusleiste auf den Button '{;}' gedrueckt werden der einen neuen Dialog oeffnet, dann wird dort der gewuenschte Code eingegeben (kein Highlighting) und bestaetigt. Anschliessend ist der Code gehighlited im TinyMCE zu sehen. Es ist dort nicht editierbar, dazu muss erneut der Dialog aufgerufen werden.

Aktivierung:
  • prism.js und prism.css zusammengestellt und heruntergeladen: http://prismjs.com/download.html
  • Beide Files manuell kopiert nach 'qfq': 1) /var/www/html/crose/mockup/js/prism.js, 2) /var/www/html/crose/mockup/css/prism.css, 3) /var/www/html/crose/mockup/js/plugins/codesample/css/prism.css. File 1,2 wird im HTML Code eingebunden, File 3 versucht TinyMCE zu laden
  • Im HTML Quellcode:
    <script src="../js/prism.js"></script>
    <link rel="stylesheet" href="../css/prism.css">
    
  • Zusaetzlich bei der Initialiserung des TinyMCE angegeben: `plugins: 'codesample'`
  • SQL Highligthing nicht genauer angeschaut - haette aktiviert werden muessen via:
    codesample_languages: [
            {text: 'SQL', value: 'sql'},
      ]
    
Actions #5

Updated by Carsten Rose almost 7 years ago

  • Status changed from New to In Progress
  • Assignee changed from Benjamin Baer to Rafael Ostertag
Bitte Ruecksprache mit CR:
  • Lohnt es sich fuer den Test ein Mockup zu machen (Intergration von 'CodeMirror' und 'tinymce-codemirror' in Grunt ...)?
  • Wenn der Test nicht befriedigend ist, koennte CodeMirror allein nachwievor eine Option sein.
Actions #6

Updated by Carsten Rose almost 7 years ago

  • Related to Feature #3402: Syntax Highlighting via CodeMirror added
Actions #7

Updated by Carsten Rose almost 7 years ago

  • Status changed from In Progress to Closed

Testweise TinyMCE+CodeMirror ausprobiert: es scheint der gleiche Mechanismus wie bei 'CodeSample' zu sein - man muss in TinyMCE auf 'code' klicken und bekommt dann ein neues Fenster - gewuenscht ist aber das man direkt in dem Textarea Feld Syntax Highlighting hat.

Die Variante TinyMCE + CodeMirror wird nicht weiter verfolgt - stattdessen: #3402

Actions

Also available in: Atom PDF