Wie kann ich einen iFrame im tinyMCE Editor einfügen, um zum Beispiel Google Maps auf einer Magento CMS Seite zu integrieren?
Sobald man im tinyMCE Editor sich den HTML Quellcode anzeigen lässt um dort einen iFrame Tag zu integrieren wird dieser beim Bestätigen mit "Update" wieder gelöscht. Das beruht auf dem integrierten Quellcode-Bereinigungs-Tool im tinyMCE.
Damit ist es unmöglich im Magento auf einer CMS Seite zum Beispiel seine Google Maps Karte, die auf iFrames basiert, unterzubringen um den Kunden die Anfahrt zu seinem Geschäft zu visualisieren.
Um das zu umgehen damit der iFrame Tag eingefügt werden kann, geht man
folgendermaßen vor:
Im Magento Verzeichniss geht man in die Datei
/js/mage/adminhtml/wysiwyg/tiny_mce/setup.js.
Dort zwischen Zeile 94 und 113 sieht man die Konfigurationsanweisungen
für den Magento tinyMCE. Man fügt nun folgende Zeile ein:
extended_valid_elements :
"iframe[frameborder|src|width|height|name|align|id|class|style]",
die
Anweisung extended_valid_elements bestimmt HTML Tags, die durch das
tinyMCE Quellcode-Bereinigungs-Tool nicht verändert werden. Hier sieht
man dass das iFrame Tag und (in den eckigen Klammern) die Attribute des
iFrame Elements nun im tinyMCE Editor erlaubt sind.
Nur noch die
Datei wieder an die richtige Stelle hochladen und den Browser-Cache
leeren, et voila kann man nun iFrames in seine Magento CMS Seiten
integrieren.
Bookmarks:
Delicious Facebook Google Yahoo Mr. Wong Linkarena Digg