TinyMCE Quelltext Syntax Highlighting

[lck]

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.

+1  Ein Plugin wäre mir auch lieber.

[manu]

Hier ist das tinymce codemirror plugin, das auf die CodeMirror Bibliothek in Christophs Codeeditor-XH Plugin zugreift.
Funktioniert im tiny4 und tiny5.
Files ins tinymce Plugin kopieren (beinhaltet eine init_fontawesome-codemirror).
Voraussetzung: Codeeditor-XH muss installiert sein. Im init_ file bei den plugins 'codemirror' eintragen.
Diese Version könnte ich mir für den core vorstellen.
Viel Spass und gerne Rückmeldungen.

[Caravaner]

Toll wie schnell das ging. Werde morgen testen wie es bei mir klappt.

[frase]

Kurz-Feedback nach Schnelltest:
funzt!
Und so schön schmal!

Diese Version könnte ich mir für den core vorstellen.

Hm, dann müsste Codeeditor_XH ebenfalls in den Core - womit ich auch einverstanden wäre.

Ideal wäre:
Deine Dateien mit dem Codeeditor-Plugin zusammen ausliefern, ist sowieso davon abhängig.
In der Plugin-Konfiguration müsste nur der Hilfetext: "Ob Codeeditor_XH für die Bearbeitung von Templates und Stylsheets aktiviert ist." geändert bzw. erweitert werden in:
"Ob Codeeditor_XH für die Bearbeitung von Templates, Stylsheets und Inhalten aktiviert ist."
Und man müsste es eben dort auch für den Tiny ausschalten können. ???

Ob man die Einrückungen im Quelltext haben will? Geschmackssache. Ich finde es mit Einrückungen zu unübersichtlich und platzverschwenderisch.

Die Themes wirken bei der Content-Bearbeitung nicht - oder?

[lck]

funzt!

+1

Hm, dann müsste Codeeditor_XH ebenfalls in den Core - womit ich auch einverstanden wäre.

-1
Als Plugin wäre mir lieber.

Und man müsste es eben dort auch für den Tiny ausschalten können. ???

+1

Die Themes wirken bei der Content-Bearbeitung nicht - oder?

Bisher nicht, sind momentan nur für das Template und die stylesheets des Templates und der Plugins aktiv.
Dazu müsste man die init-Datei wieder erweitern unter toolbar4 einfügen (Beispiel Theme 'dracula'):

Code: Select all

  codemirror: {
    indentOnInit: true, // Whether or not to indent code on init.
    fullscreen: false,   // Default setting is false
    config: {           // CodeMirror config object
       mode: 'application/x-httpd-php',
       lineNumbers: true,
	   theme: 'dracula' // theme: 'default' ist Standard (benötigt auch das zugehörige css, siehe cssFiles)
    },
    width: 800,         // Default value is 800
    height: 600,        // Default value is 550
    saveCursorPosition: true,    // Insert caret marker
	cssFiles: [
   'theme/dracula.css'
	],
  },

[lck]

Ob man die Einrückungen im Quelltext haben will? Geschmackssache.

Ich habe keine Einrückungen.

[frase]

Ich habe keine Einrückungen.

XH 1.7.2 Auslieferungszustand - Seite "Content"
Die UL und OL sind eingerückt (und mehr). Das hängt womöglich davon ab, mit welchem Editor der Inhalt ursprünglich erstellt wurde (tiny3).
Soweit ich weiß, kann man die Anzeige auch ohne Einrückung konfigurieren (indentOnInit: false).

[lck]

Die UL und OL sind eingerückt (und mehr). Das hängt womöglich davon ab, mit welchem Editor der Inhalt ursprünglich erstellt wurde (tiny3).

Ah ja, danke. Da habe ich wohl nicht geschaut .

[Caravaner]

Files ins tinymce Plugin kopieren (beinhaltet eine init_fontawesome-codemirror).
Voraussetzung: Codeeditor-XH muss installiert sein.

Das hab ich erledigt.

Im init_ file bei den plugins 'codemirror' eintragen.

Da hab ich dem Anschein nach was nicht verstanden. Ich nehme an, es ist eine ini innerhalb dieses Ordnerzweiges:
root/plugins/tinymce4
Dort habe ich jedoch keine ini gefunden in der schon andere Plugins eingetragen sind.
Was habe ich nicht/falsch verstanden.

[lck]

Files ins tinymce Plugin kopieren (beinhaltet eine init_fontawesome-codemirror).

Die mitgelieferte init_fontawesome-codemirror.js in den Ordner ./plugins/tinymce4/inits kopieren. Einloggen und unter Plugins TinyMCE4 in der Konfiguration init_fontawesome-codemirror.js auswählen und abspeichern.

Im init_ file bei den plugins 'codemirror' eintragen.

Ist hier schon in der init_fontawesome-codemirror.js eingetragen.