TinyMCE4 Problem mit picture und source tag

[lunsen_de]

Hallo,

Systeminfo: Contenido 4.10.1 DEV mit PHP 8.1

Ich muss in einem Textcontainer folgenden HTML Inhalt einfügen (Content-Artikel-Editor-Text/HTML-Quelltext):

Code: Alles auswählen

<picture class="w100">
	<source srcset="pfad/zum/file.jpg" media="(max-width: 500px)">
	<source srcset="pfad/zum/file.jpg">
	<img src="pfad/zum/file.jpg">
</picture> 

Nach dem Einfügen/speichern oder schließen des Quelltext Fensters und wiederholtem Aufruf ist nur noch folgendes drin:

Code: Alles auswählen

<p>  <img src="pfad/zum/file.jpg"></p>

Der picture und source Tag ist weg.

Unter Administration - System - WYSIWYG ist im letzten Feld (Zusätzliche Parameter (JSON, das an Tinymce bei der Initialisierung übergeben wird)) folgendes eingetragen:

Code: Alles auswählen

{
"valid_elements": "*[*]",
"extended_valid_elements":  "*[*]",
"verify_html": "false"
}

Leider entfernt der Tiny immer den picture und source Tag.

Ich habe auch versucht in der class.tinymce4.editor.php in Zeile 231 bei $validElements die beiden Tags zu ergänzen, leider ohne Erfolg.

Laut der changelog.txt in Zeile 64 sollten die Tags zumindest unterstützt werden oder?
(Added HTML5 schema support for srcset, source and picture. Patch contributed by mattheu.)

Wie kann man das ändern. Ich brauche diese heute üblichen Tag dringend.

Grüße Lars

[Faar]

Der Editor setzt auch <p>, was nicht immer sinnvoll ist.
Ist XHTML ausgeschaltet?

Hier ein Weg:
https://stackoverflow.com/questions/138 ... omatically

[xmurrix]

Hallo Lars,

In der aktuellen 4'er Version von TinyMCE tritt das Problem nicht auf.
Was genau die Ursache für das Entfernen des picture-Tags ist, kann ich nicht sagen, es könnte ein Bug in den Routinen des im CONTENIDO verwendeten TinyMCE 4.1.10 sein.

Hier der Link zum Download von TinyMCE 4.9.11:
https://download.tiny.cloud/tinymce/com ... 4.9.11.zip

• Das Zip Herunterladen
• In der CONTENIDO-Installation vom Verzeichnis "contenido/external/wysiwyg/tinymce4/tinymce" einer Sicherung erstellen, danach löschen
• Den Ordner "tinymce" im Zip nach "contenido/external/wysiwyg/tinymce4" kopieren

Sicherheitshalber sollte man auch noch die aktuellen Sprachdateien für die 4'er Version herunterladen, da braucht man die für die deutsche Sprache:
https://download.tiny.cloud/tinymce/com ... /langs.zip

Nach dem Download des Zip für die Sprachdateien die "langs/de.js" nach "contenido/external/wysiwyg/tinymce4/tinymce/js/tinymce/langs" kopieren.

Im Download-Package der aktuellen TinyMCE 4'er Version sind nicht alle Plugins dabei, die in der in CONTENIDO verwendeten Version eingesetzt werden, z. B. fehlt das das Layer-Plugin. Das kannst du sie einfach aus der gesicherten alten TinyMCE Version ("tinymce/js/tinymce/plugins") in das neue TinyMCE übernehmen.

Wir sollten auch in der CONTENIDO develop-Branch auf die aktuelle TinyMCE 4'er Version wechseln, es wäre sogar nicht schlecht, gleich auf die 5'er zu gehen, aber das Bedarf etwas mehr Arbeit.

Gruß
Murat

[lunsen_de]

Hallo Murat,

ich habe den TinyMCE 4.9.11 heruntergeladen und integriert. Die Tags werden nicht mehr entfernt und es funktioniert soweit.

Allerdings habe ich jetzt das Problem, dass die eigenen Styles unter Administration - System - WYSIWYG - Zusätzliche Parameter nicht mehr angezeigt werden.
Es gibt im WYSIWYG bei geöffnetem Editor unter "Format" den Punkt "Formate" nicht (in dem normalerweise die Unter Administration eingerichteten Styles angezeigt werden). Es gibt nur noch Absatzformate und Ausrichtung.

Wie bekomme ich den Unterpunkt mit den Styles wieder rein? Fehlt da eine Verknüpfung zu Contenido?
Ich brauche die eigenen Styles unbedingt beim Bearbeiten der Artikel.

Grüße Lars

PS: Habe etwas gefunden, was bei dem alten Tiny4 in den Themes anders war.
Ich habe in der Datei theme.min.js im Ordner themes/modern (im Tiny4 JS Verzeichnis) bei

Code: Alles auswählen

...,format:{title:"Format",items:"bold italic underline strikethrough superscript subscript codeformat | blockformats align | removeformat"},.....

das formats | hinzugefügt.

Code: Alles auswählen

....,format:{title:"Format",items:"bold italic underline strikethrough superscript subscript codeformat | blockformats align | formats | removeformat"},....

Dann ist der Punkt im Editor wieder da und die eigenen Styles werden angezeigt!

Sollte vielleicht gleich angepasst werden wenn der 4.9.11er Tiny integriert wird.

[Bernhard_4711]

Wir sollten auch in der CONTENIDO develop-Branch auf die aktuelle TinyMCE 4'er Version wechseln

Ist das denn jetzt geschehen?
Ich habe die letzte verfügbare Contenido-Version heruntergeladen und stumpf über meine alte Installation kopiert. Klappte soweit gut; aber der Bereich "Content/Artikel" sieht jetzt merkwürdig aus:

Bildschirmfoto_2024-02-19_11-33-58.png (32.76 KiB) 708 mal betrachtet

[Bernhard_4711]

Sorry, mein Editor "spinnt"!


Ich muß danach auf "Artikelsuche" klicken und "Meine Artikel" anklicken. Das Ergebnis sieht wir folgt aus:

Bildschirmfoto_2024-02-19_11-34-20.png

(119.36 KiB) Noch nie heruntergeladen

Ist das gewünscht oder fehlt bei mir etwas?

[xmurrix]

Hallo Bernhard,

sollte es mit der neuen TinyMCE Version Probleme geben, muss das natürlich korrigiert werden. Ich sehe mir das die kommenden Tage an.

Gruß
Murat

[Bernhard_4711]

Danke! Aktuell liegen keine Änderungen an meiner Seite an, aber irgendwann schon.
Ich weiß ja auch nicht, ob das ein Fehler in dem Sinne ist, ich bin nur über die Optik milde geschockt.

[Bernhard_4711]

Mit der "4.10.2-dev" sieht alles wieder wie gewohnt aus; vielen Dank!

Bildschirmfoto_2024-02-22_11-51-07.png

(72.55 KiB) Noch nie heruntergeladen

[xmurrix]

Hallo Lars,

...Ich habe in der Datei theme.min.js im Ordner themes/modern (im Tiny4 JS Verzeichnis) bei

Code: Alles auswählen

...,format:{title:"Format",items:"bold italic underline strikethrough superscript subscript codeformat | blockformats align | removeformat"},.....

das formats | hinzugefügt.

Code: Alles auswählen

....,format:{title:"Format",items:"bold italic underline strikethrough superscript subscript codeformat | blockformats align | formats | removeformat"},....

Dann ist der Punkt im Editor wieder da und die eigenen Styles werden angezeigt!

Sollte vielleicht gleich angepasst werden wenn der 4.9.11er Tiny integriert wird...

mit der Anpassung der Datei theme.min.js kann man das zwar recht einfach lösen, andererseits ist es keine gute Idee, den Quellcode von fremden Bibliotheken ändern. Dennoch würde ich deine Änderung übernehmen, weil es dann für alle zur Verfügung steht.

Unter "Administration > System > WYSIWYG" kann man das unter "Zusätzliche Parameter (JSON, das an Tinymce bei der Initialisierung übergeben wird)" auch konfigurieren, z. B.:

Code: Alles auswählen

{
    "menu": {
        "file": {
            "title": "File",
            "items": "newdocument restoredraft | preview | print"
        },
        "edit": {
            "title": "Edit",
            "items": "undo redo | cut copy paste pastetext | selectall"
        },
        "view": {
            "title": "View",
            "items": "code | visualaid visualchars visualblocks | spellchecker | preview fullscreen"
        },
        "insert": {
            "title": "Insert",
            "items": "image link media template codesample inserttable | charmap hr | pagebreak nonbreaking anchor toc | insertdatetime"
        },
        "format": {
            "title": "Format",
            "items": "bold italic underline strikethrough superscript subscript codeformat | blockformats align | formats | removeformat"
        },
        "tools": {
            "title": "Tools",
            "items": "spellchecker spellcheckerlanguage | a11ycheck code"
        },
        "table": {
            "title": "Table"
        },
        "help": {
            "title": "Help"
        }
    }
}

Leider muss man die Konfiguration des ganzen Menüs angeben, da die hier eingegeben Werte die Menü-Konfiguration überschreiben.