IFrame in TinyMCE nutzen

**typo** · 09.09.2009, 17:06

Hi,

habe da ein kleines Problem mit dem WYSIWG Editor und zwar kann ich keine Iframes einbinden. Ich wechsel im Editor in die HTML Ansicht und füge den IFrame ein, er wird dann auch korrekt dargstellt. Wenn ich Ihn dann jedoch editiere und speicher verschluckt bzw. ersetzt TL dann einige Tags und der Frame ist dann nicht mehr anzeigbar. Woran kann das liegen?, hat jemand einen Tipp für mich?

**planepix** · 09.09.2009, 17:39

Hallo typo,

willkommen im TYPOlight-Forum.

Unter Einstellungen kannst Du bei den erlaubten HTML-Tags "<iframe>" hinzufügen. Dann sollte Dir der Code im HTML-Code erhalten bleiben.

**typo** · 09.09.2009, 18:07

Hi,

das habe ich getan, dennoch löscht mir TypoLight den Iframe Tag wieder raus

...

Hier einmal die Liste mit den erlaubten Tags:

HTML-Code:

<a><abbr><acronym><address><area><b><big><blockquote><br><base><bdo><button><caption><code><col><colgroup><dd><div><dfn><dl><dt><em><form><fieldset><hr><h1><h2><h3><h4><h5><h6><i><img><input><label><legend><li><link><map><object><ol><optgroup><option><p><pre><param><q><select><small><span><strong><sub><sup><style><table><tbody><td><textarea><tfoot><th><thead><tr><tt><u><ul><iframe><IFRAME><A>

und hier einmal der Frame der eingebunden werden soll:

HTML-Code:

<!-- Code generated by Map24 Codegenerator (products.de.map24.com) -->
<iframe src="http://www.map24.com/?q=m24cpnlFR7MvZHQW_hh9hIGF9orDAopuv6MLp2KC4KiZ1VxgJmxdxOgCNFE3gjlF9tUBvCZQegFNf2mFLbpnUfZdqPU/_hfuYugNcw4wEvuAeeb9Q4kKnA4/hQAtc7Jz6aWCc7fArL5BNWjGvLAPif6CFZaWe/vqPa5zGWqqPxmed5FGxvA" width="200" height="219" scrolling="no" frameborder="0"></iframe>
<!-- Code generated by Map24 Codegenerator (products.de.map24.com) -->

Sollte ja so eigentlich klappen, aber irgendwie tuts das nicht

...

**do_while** · 09.09.2009, 18:21

Hallo typo,

vielleicht den Code als HTML-Inhaltselement einfügen?

Ich habe sonst sowas mal als Modul "Eigener HTML-Code" erstellt und dann als Modul im Artikel eingebunden, das hat zumindest geklappt.

**typo** · 09.09.2009, 18:25

Hi,

geht leider nicht, da der IFrame innerhalb einer Tabelle eingebettet werden muss

...

**do_while** · 09.09.2009, 18:30

Tabelle?
Hoffentlich nicht zur Positionierung verwendet ... im Zeitalter des CSS

**typo** · 09.09.2009, 18:34

Jap Tabelle... nee keine Angst, die Tabelle macht da schon Sinn... ist aber auch nicht das Problem, ich kann auch außerhalb der Tabelle keine IFrames einbinden.

**frank** · 10.09.2009, 10:18

Hallo typo,

wie @do_while und @planepix es beschrieben haben ist schon OK.
Das Modul dann allerdings per Inserttag in die Tabelle einfügen.

1. Neues Modul erstellen: "Eigener HTML-Code"
2. IFrame-Text einfügen
3. Modul per InsertTag {‎{insert_module::ID}} in Deine Tabelle einfügen

Gruß, Frank

**typo** · 10.09.2009, 11:51

Hi @ all,

zwar ne umständliche Lösung, aber trotzdem vielen Dank, werde es dann wohl so umsetzen!

Beste Grüße

**frank** · 10.09.2009, 14:18

Funktioniert aber

Gruß, Frank

**Klaus69** · 12.11.2010, 12:09

Hallo,
ich möchte folgenden Iframe auf die Website setzen und wollte ihn im Task-Kommentar an meinen Partner weiterleiten:

<iframe frameborder="0" marginheight="0" marginwidth="0" scrolling="auto" src="http://www.treffpunktwald.de/ext/index_advanced.php?schriftgroesse=11&font_color=99 3366&link_color=013d79&font=verdana&headline_color =993366&bgcolor=#d4e89a&breite=180&bundesland=Bran denburg&bereich=Havelland-Potsdam-Mittelmark&nr=" height="250" width="200"></iframe><br clear="all"> <a target="_blank" href="http://www.treffpunktwald.de" style="font-size:10px;font-family:verdana;color:013d79">www.treffpunktwald.de </a>

Entweder erscheint " www.treffpunktwald.de " oder nichts, je nachdem, was ich ausprobiert habe; ohne oder z.B. mit "Maskierung" <--Text--> oder 

Das Eintragen von <iframe> in die erlaubten HTML-Tags hat auch nicht geholfen.

Welche Möglichkeit gibt es?

Herzlichen Dank für Tipps
Klaus

***xchs*** · 12.11.2010, 12:46

Hallo Klaus69,

hast Du die Möglichkeit, diesen Code in ein Modul vom Typ "Eigener HTML-Code" zu setzen und Deine Partner dann per entsprechendem Task-Kommentar auf dieses Modul aufmerksam zu machen?

**Klaus69** · 12.11.2010, 19:54

Hallo xchs,

vielen Dank, das hat wunderbar geklappt.

Beste Grüße
Klaus

**dcm75** · 07.10.2011, 21:48

Hallo zusammen,

die Modullösung halte ich für sehr umständlich und ist widerspricht dem Grund warum ich ein CMS benutzten möchte.

Hier einen Hinweis wie man den tinyMCE anpassen kann:
http://www.gurkcity.de/blog/iFrame-m...fuegen-39.html

Durch anpassen von "extended_valid_element" soll das iframe-Tag freigeschaltet werden können.

Hab es mit der Datei plugins/tiny_mce.js sowie system/config/tinyMCE.php probiert. Leider ohne Erfolg!

Hat jemand einen Tipp wo bei Contao extended_valid_elements : "iframe[frameborder|src|width|height|name|align|id|class|s tyle]" einzubauen ist?

Danke und Viele Grüße
Daniel

***xchs*** · 07.10.2011, 22:08

In der "system/config/tinyMCE.php" gibt es dafür ja schon einen Eintrag. Wieso funktioniert es nicht, wenn Du die Liste dort um dieses Element erweiterst? Hast Du in den "Einstellungen" im Feld "Liste der erlaubten HTML-Tags" den Eintrag <iframe> ergänzt?

**seocoburg** · 16.10.2011, 07:22

Leider funktioniert das Einbetten eines iFrame bei mir auch nicht. Wollte das verwenden, um Youtube Videos in Artikel einzubetten und Youtube gibt mittlerweile nur noch iframes als Code aus.
In die Liste der erlaubten Elemente habe ich das Tag eingetragen, aber egal ob ich es alleine oder innerhalb eines div's verwende, es fliegt beim Schließen des HTML-Fensters im TinyMCE sofort wieder raus.

Ich sehe die Modullösung ebenfalls als zu umständlich. Ich kann ja nicht für jedes Video ein eigenes Modul anlegen. Das wäre mir zu umständlich.
Dafür muss es doch eine Lösung geben. Andere Tags in der White List werden ja auch nicht aus dem Code entfernt, z.B. object.

Naja, ich such mal weiter. Vielleicht komme ich ja drauf...

Gruß Andreas

**kos** · 16.10.2011, 11:07

Hallo Andreas,

ich habe das gerade mal in einer 2.9.5 getestet.
Das Einbinden eines Youtube-Videos hat funktionert, wenn in der der der Datei system/config/tinyMCE.php der Eintrag für extended_valid_elements in folgender Form vorgenommen wird:

PHP-Code:


...

extended_valid_elements : "q[cite|class|title],iframe[frameborder|src|width|height]",

...

Hierbei sind für iframe nur die Attribute eingetragen, die der youtube-Code auch liefert.

Wenn für andere Zwecke weitere Attribute benötigt werden:
das funktioniert auch, wenn iframe in der auf TinyMCE.com unter Full XHTML rule set: angegebenen vollständigen Syntax eingefügt wird:

PHP-Code:


...

extended_valid_elements : "q[cite|class|title],iframe[align<bottom?left?middle?right?top|class|frameborder|height|id|longdesc|marginheight|marginwidth|name|scrolling<auto?no?yes|src|style|title|width]",

...

Um das alles nun auch updatesicher zu machen -> siehe Wiki

**seocoburg** · 16.10.2011, 12:23

So, ich habe jetzt eine Lösung gefunden, die zumindest bei mir gut funktioniert. Würde mich über ein Feedback von Experten freuen, ob das so in Ordnung ist.

1) Habe die /system/config/tinyMCE.php kopiert und als tinyMCE_custom.php gespeichert.

2) Dort den Parameter extended_valid_elements um folgenden Eintrag erweitert: iframe[width|height|src|frameborder]

3) In die /system/config/dcaconfig.php diese beiden Einträge eingefügt:
$GLOBALS['TL_DCA']['tl_content']['fields']['text']['eval']['rte'] = 'tinyMCE_custom';
$GLOBALS['TL_DCA']['tl_news']['fields']['text']['eval']['rte'] = 'tinyMCE_custom';

4) Browser Cache geleert und Backend neu geladen. Jetzt bleibt mein iframe Code im Editor erhalten. :-)

Gruß Andreas
P.S. Ich setze Contao 2.10.2 ein.