Project

General

Profile

Support #3207

Syntax Hightlight (SQL) - CodeMirror

Added by Carsten Rose over 3 years ago. Updated over 3 years ago.

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

0%

Estimated time:
Discuss:

Description


Related issues

Related to QFQ - Feature #3402: Syntax Highlighting via CodeMirrorSome day maybe2017-03-222020-01-25

History

#1 Updated by Carsten Rose over 3 years ago

  • Description updated (diff)

#2 Updated by Carsten Rose over 3 years ago

  • Description updated (diff)

#4 Updated by Carsten Rose over 3 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'},
      ]
    

#5 Updated by Carsten Rose over 3 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.

#6 Updated by Carsten Rose over 3 years ago

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

#7 Updated by Carsten Rose over 3 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

Also available in: Atom PDF