TinyMCE Quelltext Syntax Highlighting

[lck]

CodeMirror 5.49.2 funktioniert nicht.

Bei mir funktioniert auch diese Version. Installation ähnlich wie hier beschrieben.

Wichtig sind 3 Sachen.
codemirror-5.49.2 > umbenennen zu codemirror

init.fontawesome.js unter plugins: [
a) code suchen und umbenennen zu codemirror
b) direkt unter toolbar4 einfügen

Code: Select all

  codemirror: {
    indentOnInit: true, // Whether or not to indent code on init.
    fullscreen: true,   // Default setting is false
    path: 'CodeMirror', // Path to CodeMirror distribution
    config: {           // CodeMirror config object
       mode: 'application/x-httpd-php',
       lineNumbers: true
    },
    width: 800,         // Default value is 800
    height: 600,        // Default value is 550
    saveCursorPosition: true,    // Insert caret marker
    jsFiles: [          // Additional JS files to load
       'mode/clike/clike.js',
       'mode/php/php.js'
    ]
  },

[lck]

Manchmal zweifle ich an meinem Gedächtnis.

Danke! Muss ich noch testen.

[frase]

b) direkt unter toolbar4 einfügen

Danke Ludwig, das war's.
Den JS-Code hatte ich überlesen
Jetzt funktioniert es.

Mit 5.49.2 UND mit 5.7.0

Wäre wahrscheinlich ganz gut, das als Standard in XH zu übernehmen.
Komfortabler und übersichtlicher - finde ich.

[manu]

Irgendwie müsste man diesen noch etwas verschlanken können. 4MB, 460 Dateien,

[frase]

Irgendwie müsste man diesen noch etwas verschlanken können. 4MB, 460 Dateien,

Stimmt.
Da müsste mal jemand ran, der weiß was wir brauchen.
Die ganzen Git-Dateien, die Demo, die Doku, der test-Ordner usw. könnten schonmal weg.
Der mode-Ordner (mit den Sprachen) ist wohl der größte Batzen. Da könnte man sicher noch wesentlich ausdünnen. Im Editor brauchen wir doch nur die html-relevanten Dinge - oder?

[manu]

Nach einer gründlichen Recherche hier meine Erkenntnisse:
Die offizielle Site für tinymce-codemirror ist hier: https://gitlab.com/tinymce-plugins/tinymce-codemirror.
Der dortige Download Link für CodeMirror ist falsch und verführt zum Dowload von CodeMirror von der GitHub Site. Dies funktioniert aber ab v5.20.0 nicht mehr. Der korrekte CodeMirror Download Link ist auf dieser Seite.
Erklärung: Seit CodeMirror v5.20.0 wird die codemirror.js erst mit

Code: Select all

npm install codemirror

generiert.

[frase]

Ich habe mal (völlig laienhaft nach Bauchgefühl) alles eingedampft und eine init-Datei beigelegt.
(codemirror Version 5.7.0)
Entpackt ergibt der codemirror-Ordner weniger als 1,2 MB mit 121 Dateien.
Bei einigen Modules war ich mir nicht sicher, ob die weg können - da ist vielleicht noch mehr drin.
Es sollte mal getestet werden, ob ich nicht vielleicht zu viel gelöscht habe.
DOWNLOAD

[manu]

Noch eine Überlegung: Von Christoph existiert ja das codeeditor Plugin. Das läuft mit einem komprimitierten CodeMirror (v5.25.0) (den Komprimierungsservice gibt es leider nicht mehr). Wie wäre es, wenn wir den CodeMirror ab diesem Plugin einbinden? Dann wäre der CodeMirror fakultativ und würde den core nicht so aufblasen. Dies bedingt eine Anpassung des tinymce-codemirror. Ich habe eine Version, die in den Grundzügen läuft. Bevor ich mich da weiter reinkniee, möchte ich erst Euer Echo hören.

[frase]

Wie wäre es, wenn wir den CodeMirror ab diesem Plugin einbinden? Dann wäre der CodeMirror fakultativ und würde den core nicht so aufblasen. Dies bedingt eine Anpassung des tinymce-codemirror. Ich habe eine Version, die in den Grundzügen läuft. Bevor ich mich da weiter reinkniee, möchte ich erst Euer Echo hören.

Wenn du das hinbekommst, dass das Ding auch im Tiny läuft - super!
Ein allgemeines Plugin (fakultativ) finde ich auch besser.

[olape]

Wie wäre es, wenn wir den CodeMirror ab diesem Plugin einbinden? Dann wäre der CodeMirror fakultativ und würde den core nicht so aufblasen.

Das fände ich besser.