QFQ

https://github.com/christiaan/tinymce-codemirror

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.

• 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'},
    ]