Hallo,
wenn ich mit Hilfe des Text-Editors ein Bild über das kleine Bildersymbool einfüge und dies anschließend verschieben möchte, funktioniert das leider nicht.
Das Bild lässt sich im Editor zwar verschieben, wird in der Vorschau, bzw. im Frontend dann ganz anders angezeigt.
Die Ausrichtung ist entsprechend eingestellt, der Text wird wie gesagt im Editor auch neben/umlaufend um die Bilder angezeigt, im Frontend allerdings nicht.
Hat hier jemand einen Tipp?
Grüße,
Banapple
Bilder/Grafiken im Text lassen sich nicht verschieben
Re: Bilder/Grafiken im Text lassen sich nicht verschieben
Der Editor ist dummerweise so eingestellt, dass er alles CSS und Atrribute aus dem HTML wieder entfernt.
Das stört gewaltig, daher ist folgendes in die Mandanteneinstellungen zu schreiben:
tinymce cleanup false
tinymce cleanup_on_startup false
tinymce valid_elements *[*]
tinymce extended_valid_elements *[*][/i]
Und falls das noch nicht reicht, dann noch eigene CSS-Klassen dazu setzen:
tinymce theme_advanced_styles Header 1=header1;left=left; ... usw.
Dadurch erhält man im Editor eine Auswahl an Klassen, die dann wie im Beispiel header1 oder left heißen.
Ganz genau bekommt man es erst hin, wenn man vorgeferigte HTML-Templates für den Editor ermöglicht.
Diese Templates stehen dann im Backend in Style-->HTML.
In den Mandanteneinstellungen steht:
tinymce template_external_list_url js/template_liste.js
Im Backend in JS steht als Beispiel das Javascript als template_liste.js
Dadurch hat man im Editor dann eine Auswahl an diesen Templates.
Ja und was in den HTML-Templates stehen muss, sollte jeder eigentlich wissen oder https://www.w3schools.com/html/default.asp bemühen.
Das stört gewaltig, daher ist folgendes in die Mandanteneinstellungen zu schreiben:
tinymce cleanup false
tinymce cleanup_on_startup false
tinymce valid_elements *[*]
tinymce extended_valid_elements *[*][/i]
Und falls das noch nicht reicht, dann noch eigene CSS-Klassen dazu setzen:
tinymce theme_advanced_styles Header 1=header1;left=left; ... usw.
Dadurch erhält man im Editor eine Auswahl an Klassen, die dann wie im Beispiel header1 oder left heißen.
Ganz genau bekommt man es erst hin, wenn man vorgeferigte HTML-Templates für den Editor ermöglicht.
Diese Templates stehen dann im Backend in Style-->HTML.
In den Mandanteneinstellungen steht:
tinymce template_external_list_url js/template_liste.js
Im Backend in JS steht als Beispiel das Javascript als template_liste.js
Code: Alles auswählen
var tinyMCETemplateList = [
// ["Name", "URL", "Description"], und Komma , danach, außer nach dem letzten Eintrag.
["Vorlage_txt_li", "templates/textbox_li.html", "content-links edit"],
["Vorlage_txt_mi", "templates/textbox_mi.html", "content-mitte edit"],
["Vorlage_txt_bild", "templates/text-bild.html", "content-txt-bild edit"]
];
Ja und was in den HTML-Templates stehen muss, sollte jeder eigentlich wissen oder https://www.w3schools.com/html/default.asp bemühen.
Fliegt der Bauer übers Dach, ist der Wind weißgott nicht schwach.