WYSIWYG-Editor

Der standardmäßig installierte Magento-Editor TinyMCE folgt leider nicht immer den Wünschen des Benutzers.

Insbesondere bei dem Versuch, ein div-Element mit einem a-Tag zu umschließen, ist der Erfolg überschaubar. Auch die Einstellungen des Editors zu ändern und die Parameter "extended_valid_elements" und "valid_children" anzupassen, hilft hier wenig. Denn standardmäßig löscht TinyMCE alle "leeren" a-Tags (z.B. <a></a> oder <a><div></div></a>) innerhalb der Datei \js\tiny_mce\tiny_mce.js (Source zur besseren Lesbarkeit: \js\tiny_mce\tiny_mce_src.js). Hier werden nicht nur leere a-Tags, sondern auch einige andere leere Elemente herausgefiltert (ol,ul,sub,sup,blockquote,span,font,a,table,tbody,tr). Daher in der \js\tiny_mce\tiny_mce.js einfach

ol,ul,sub,sup,blockquote,span,font,a,table,tbody,tr

durch

ol,ul,sub,sup,blockquote,span,font,table,tbody,tr

ersetzen.

Mit ein paar Ergänzungen in der Datei \js\german\localepackde\setup.js (bzw. bei fehlendem Sprachpaket im Pendant js\mage\adminhtml\wysiwyg\tiny_mce\setup.js):

force_br_newlines : true,
force_p_newlines : false,
forced_root_block : false,

(innerhalb der Variablenzuweisungen "var settings =") kann man dann jedoch problemlos mit dem Magento-Standard-Editor arbeiten.

... zurück zum Blog