Plugin EditorTab_XH

[olape]

This extension offers the option of changing the editor directly via the Pagedata tab.
Temporarily or permanently, depending on the plugin configuration.

The EditorTab_XH plugin is a joint project with lck.
The extension is based on the editor_tab plugin from simpleSolutions.

https://olaf.penschke.net/?CMSimple_XH/ ... itorTab_XH

[Tata]

+1
Super gemacht!
Wie wäre es nun mit "Indentation"?

[olape]

Wie wäre es nun mit "Indentation"?

[Tata]

Ich meine, den Code etwa so auszugeben, wie es im HTML Editor konstruiert wird. Keine Uhsache, es wúrde aber die Orientation im Code erleichtern.

Screen Shot 2024-12-04 at 10.53.08.jpg

[olape]

Ich meine, den Code etwa so auszugeben, wie es im HTML Editor konstruiert wird.

Das kannst du jetzt schon.
Installiere das Plugin Codeeditor und nimm es bei EditorTab_XH aus der Editor-Exclude-list raus.
Dann kannst du im Tab Codeeditor auswählen.

[lck]

Das kannst du jetzt schon.
Installiere das Plugin Codeeditor und nimm es bei EditorTab_XH aus der Editor-Exclude-list raus.
Dann kannst du im Tab Codeeditor auswählen.

Genau. Oder ohne Plugin, einfach in der XH Konfiguration bei Editor "codeeditor" eintragen.

[Tata]

Das ist mir bekannt. Ich meinte die Struktur des augegebenen Code. Jetzt ist alles leftbündig und manchmall ist es schwer, die gewünschte Stelle im Code zu finden. Es ist nur so eine Idee. Kein Problem.

[olape]

Das ist mir bekannt. Ich meinte die Struktur des augegebenen Code. Jetzt ist alles leftbündig und manchmall ist es schwer, die gewünschte Stelle im Code zu finden. Es ist nur so eine Idee. Kein Problem.

Ich wüsste auch nicht, wie das funktionieren sollte, im Nachhinein die Einrückungen einzubringen.

[isometric]

Super, was ihr alles entwickelt, ein tolles Plugin

[lck]

Das ist mir bekannt. Ich meinte die Struktur des augegebenen Code. Jetzt ist alles leftbündig und manchmall ist es schwer, die gewünschte Stelle im Code zu finden. Es ist nur so eine Idee. Kein Problem.

Man könnte ein padding zwischen den Tags setzen.
In ./plugins/codeeditor/codemirror/codemirror-combined.css ergänze am Ende

Code: Select all

.CodeMirror div:has(pre.CodeMirror-line):not(.xh_file_edit ~ .CodeMirror div:has(pre.CodeMirror-line)) {
    padding: 0 0 1em 0 !important;
    box-sizing: border-box;
}

Dann sieht die Quellcode-Ansicht so aus

tinymce_dropdown_codemirror_tag-padding.jpg

vorher

tinymce_dropdown_codemirror_standard.jpg

Das ist schon wesentlich übersichtlicher.

Wenn man den Codeditor als Standardeditor verwendet, funktioniert das hier auch und man könnte auch einen indent/Einzug abspeichern. Mit STRG+A alles markieren und mit der Tab-Taste einrücken und sichern. Einrückung wieder verkleinern mit STRG+A und dann SHIFT+Tab.