iframe einfügen und Probleme im Editor JCE lösen


Der JCE Editor ist ein Zusatzmodul, ich empfehle die hier benutzte kaufpflichtige Version. Dafür bezahlt man jährlich, Updates inklusive. Dort kann auch das Modul JCE MediaBox heruntergeladen werden.
https://www.joomlacontenteditor.net/downloads/editor/core

----------------------------------

Zum Beispiel Videos sind in iframe eingebettet. Ein iframe ist ein HTML-Element, siehe Inlineframe bei Wikipedia

Sehr geute Infos dazu (englisch, aber leicht verständlich) https://www.w3schools.com/tags/tag_iframe.asp

iFrame-Generator
Generieren Sie einfach Iframe und betten Sie Code in jede Webseite oder einen Blog ein!
https://products.aspose.app/html/de/iframe-generator

Vor- und Nachteile von iframes werden hier gut beschrieben: https://www.eology.de/wiki/iframe


Eigendlich ist es ganz einfach ein iframe einzufügen. dass sieht z.B.  bei YouTube so aus:

<iframe width="560" height="315" src="https://www.youtube.com/embed/lt8PuMBMpz4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Zuerst gleich den Editor ICE einstellen, damit Frame erlaubt sind. Eventuell ist das noch auf Nein eingestellt.

Unter Komponenten findet man den JCE Editor

edit jce iframe 02

zum erlauben der iframe Profile und (in meinem Fall reicht das) "Default" auswählen

edit jce iframe 03

 

Darin auf Plugineinstellungen gehen und nach unten scrollen

edit jce iframe 05

bis zu Media-Unterstützung

edit jce iframe 06

Auswählen und wieder nach oben scrollen.

edit jce iframe 07

Ja einstellen, "Speichern & Schliessen"

edit jce iframe 08

edit jce iframe 09

Den JCE Editor als Standart einstellen

Unter "System" dann "Konfiguration" wählen

edit jce iframe 10

 

Bei "Standart Editor" rechts die Auswahl anklicken (1) und den Editor - JCE auswählen (2)

edit jce iframe 11

 OK, "Speichern & Schliessen"

 edit jce iframe 12

 

Im Editor Eintragen

Via "Inhalt" /  "Beiträge" oder rechts direkt unter "Beiträge" weiterfahren.

edit jce iframe 13

 

den zu bearbeitenden Beitrag auswählen

edit jce iframe 14

Der Beitrag öffnet sich im neuen JCE Editor

edit jce iframe 15

Über dem Feld lässt sich auswählen: Editor (Texteinfabe usw.) / Code (hier gewählt) / und Vorschau.

Unter Code den iframe Code eingeben (am Ende kein Problem, sollt es irgendwo mitten drin sein, markiere ich die Stelle unter Editor, letztes Bild), und ersetzt hier dann die Markierung mit dem Code).

Details zum iframe Code für Videos
https://www.cms-joomla.ch/index.php/inhalte-erstellen/video-responsive-schalten

edit jce iframe 16

 

Markierung unter Editor, hier Striche.

edit jce iframe 17



 

Hintergrund schmal

Wir benutzen Cookies

Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.