Support #3207
closedSyntax Hightlight (SQL) - CodeMirror
0%
Description
- https://en.wikipedia.org/wiki/Comparison_of_JavaScript-based_source_code_editors
- http://codemirror.net, https://ace.c9.io, http://codepress.sourceforge.net ... - nach Studium der Wikipedia Seite scheinen ACE und codemirror die besten zu sein.
- Schlanke Version evaluieren.
- Sollte implementiert werden wie TinyMCE
- Aktuelle Verwendung fuer die FormEditor Felder 'value', 'sql1', 'parameter'.
- Default:
- Mode: SQL
- Line numbering
- Editor on/off
Related issues
Updated by Benjamin Baer about 7 years ago
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'}, ]
Updated by Carsten Rose almost 7 years ago
- Status changed from New to In Progress
- Assignee changed from Benjamin Baer to Rafael Ostertag
- 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.
Updated by Carsten Rose almost 7 years ago
- Related to Feature #3402: Syntax Highlighting via CodeMirror added
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