60 Minuten GRATIS Webdesign-Workshop

Mit Geschäftsführer & Webdesign-Profi Oliver Pfeil

HTML & PHP Code in Joomla einbinden

Über den Editor kannst du in Joomla auch externen Code einbinden. Du lernst:

  • Wie du HTML Code einbinden kannst.
  • Wie du PHP Code einfügen kannst.
  • Wie du ein Javascript oder iFrame einfügen kannst.

Problem beim Einfügen von Code

In der Standardeinstellung ist es meist nicht möglich, einen externen Code einzufügen. HTML funktioniert machmal, bei PHP, Javascript oder einem iFrame wird der Inhalt nach dem Speichern von Joomla wieder gelöscht.

Falls du dieses Problem hast, solltest du dir als erstes folgende Einstellung ansehen. Standardmäßig ist in Joomla der TinyMCE Editor hinterlegt. In den Einstellungen ist das Einbinden von externem Code eingeschränkt oder deaktiviert.

Mache dazu bitte folgendes:

  1. Klicke auf System – Verwalten – Plugins.
  2. Suche nach „TinyMCE“ und klicke auf das Plugin.
  3. Achtung: Folgende Einstellung musst du für Set 0, Set 1 und Set 2 durchführen.
  4. Scrolle etwas weiter nach unten zu verbotene Elemente.
  5. Entferne die gewünschten Elemente an dieser Stelle und füge sie eine Zeile darunter bei erlaubte Elemente wieder ein.

Joomla PHP - Textfilter Einstellungen des Editors TinyMCE

HTML Code in Joomla einbinden

HTML Code kannst du direkt über den Editor einfügen. Klicke dazu unterhalb des Editors auf den Button „Editor an/aus“. Damit wechselst du in den Code-Modus.

Hier kannst du deinen HTML Code direkt in den Joomla Beitrag einfügen.

Falls du komplett ohne Editor und nur im Code arbeiten möchtest, kannst du den TinyMCE-Editor auch deaktivieren und auf „Code Mirror umstellen:

  1. Klicke auf System – Einstellungen – Konfiguration.
  2. Wähle den Reiter „Site“ aus.
  3. Im Feld Standard-Editor kannst du auf „Editor – CodeMirror“ ändern.

Auf den Code-Editor solltest du allerdings nur dann umstellen, wenn du ausschließlich im Code arbeiten möchtest.

Joomla PHP Code - Editor wechseln

iFrame und Javascript in Joomla einfügen

Ein iFrame (zum Beispiel ein YouTube Video) oder ein Javascript kannst du vom Prinzip her genau so einfügen, wie auch einen HTML Code. Wichtig ist, das du zuvor die Einstellung (Verbotene Elemente – Erlaubte Elemente) korrekt gesetzt hast.

PHP und CSS in Joomla einbinden

Einen PHP-Code kannst du am besten über ein externes Plugin in einen Beitrag einfügen. Dazu gibt es das Plugin „Sourcerer“.Dieses kannst du direkt über den Joomla Webkatalog installieren:

  1. Klicke auf System – Installieren – Erweiterungen.
  2. Klicke auf „Aus Webkatalog installieren“.
  3. Suche nach „Sourcerer“.
  4. Installiere das Plugin.

Nach der Installation findest du direkt im Joomla Editor eine neue Schaltfläche. Klicke dazu in einem Beitrag auf den Button „CMS Inhalt“ und anschließend auf „</> Code“. An dieser Stelle kannst du PHP und CSS in Joomla einfügen.

Auch HTML und JavaScript kannst du über diesen Weg einfügen, fall der vorher beschriebene Weg bei dir nicht funktioniert hat.

FAQ – Fragen & Antworten

Wie kann ich HTML-Code in einen Joomla Beitrag einfügen?

In Joomla steht dir standardmäßig der Editor TinyMCE zur Verfügung. Wenn du einen HTML-Code einfügen möchtest, klickst du unterhalb des Editors auf Editor an/aus. Damit wechselt Joomla auf die Code-Ansicht. An dieser Stelle kannst du dein HTML einfügen.

Wie kann ich ein YouTube Video (iFrame) in Joomla einfügen?

Ein YouTube Video kannst du mit einem sogenannten iFrame-Code auf deiner Website einbinden. Wechsle im Editor dazu in den Code-Modus. Beim TinyMCE kannst du unterhalb des Editors auf den Button klicken. Hier kannst du dein iFrame einfügen. Falls dieses von Joomla nicht gespeichert wird, fehlen entsprechende Berechtigungen. In diesem Fall musst du in den Einstellungen des Editors iFrame aus der Liste der verbotenen Elemente streichen.

Wie kann ich in Joomla einen PHP Code einbinden?

In Joomla ist aus Sicherheitsgründen PHP-Code standardmäßig deaktiviert. Beim Speichern wird daher von Joomla der Code so verändert, dass er nutzlos wird. Mit dem Joomla Plugin Sourcerer kannst du deinem TinyMCE Editor jedoch diese Funktion hinzufügen. Das Plugin findest du im Webkatalog und nach der Installation steht dir im Editor unter CMS Inhalt der Button Code zur Verfügung.

Mit welchem Plugin kann ich Code auf meiner Joomla Website einbinden?

Ein sehr schlichtes und einfach zu bedienendes Plugin ist Sourcerer. Damit kannst du PHP, CSS, HTML, JavaScript und iFrames einbinden. Das Plugin findest du im Joomla Extensions Directory und du kannst es direkt über den Webkatalog installieren. Anschließend steht dir in deinem Editor (TinyMCE) unter CMS Inhalt der neue Button Code bereit.

Deine perfekte Website. In Rekordzeit.

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil

60 Minuten Webdesign-Seminar mit Experte Oliver Pfeil