Remove layout destroying HTML-Tags

Beschreibung

Copy&Paste Cleaner. Wenn du schnell einen Beitrag oder eine Seite mit bereits vorhandenem Inhalt füllen möchtest, wird oft Copy&Paste verwendet, was das Layout einer Website zerstören kann!

Das Grundproblem ist, dass beim Kopieren und Einfügen von Inhalten aus verschiedenen Quellen in den visuellen Editor jegliche Formatierung übernommen wird. Konkret: Ob aus Textdokumenten, anderen Websites, Online-Shops und CMS oder sogar aus sozialen Medien, überall kommt etwas mit.

Da es neben harmlosen HTML-Elementen oft auch DIVs gibt, können diese zu einer fehlerhaften oder unterbrochenen Darstellung bzw. Laden der eigenen Website führen.

Um dies zu vermeiden, prüft dieses Plugin die vorhandenen Formatierungen und Attribute und entfernt alle, die zu einem Problem führen könnten, und speichert sie dann direkt.

Wenn du den Text kopierst und in den Texteditor einfügst, gibt es normalerweise keine Probleme.

Mit folgenden Page Buildern getestet:

  • Classic Editor
  • Gutenberg
  • Divi 4.27
  • Elementor 4.2
  • WPBakery 9.0
  • Beaver Builder 2.10

Datenschutz DSGVO

Dieses Plugin verarbeitet das analysierte und umgewandelte HTML nur innerhalb der jeweiligen Website. Es werden keinerlei Inhalte gespeichert oder auf andere Server oder Services zur Verarbeitung übertragen. Somit ist der Datenschutz nach DSGVO jederzeit gewährleistet.

Screenshots

Installation

Installation in WordPress

  1. Gehe zu Plugins > Plugin hinzufügen.
  2. Suche nach Remove layout destroying HTML-Tags.
  3. Installiere und aktiviere das Remove layout destroying HTML-Tags Plugin.

Manuelle Installation

  1. Lade das gesamte remove-layout-destroying-html-tags Verzeichnis in /wp-content/plugins/ hoch.
  2. Geh zu Plugins.
  3. Aktiviere das Remove layout destroying HTML-Tags Plugin.

FAQ

Warum werden manche img-Elemente entfernt?

Externe Bilder – also solche, deren „src“-Attribut auf eine fremde Domain verweist – werden aus urheberrechtlichen, leistungsbezogenen und sicherheitstechnischen Gründen entfernt. Bilder, die auf deiner eigenen Domain gehostet werden (relative Pfade oder absolute URLs innerhalb derselben Domain), bleiben erhalten. Du solltest Bilddaten stets korrekt einfügen und mit den entsprechenden Attributen versehen, was der Barrierefreiheit und der Suchmaschinenoptimierung zugutekommt.

Funktioniert es mit Beaver, Gutenberg, Divi, Elementor oder WPBakery?

Momentan funktioniert es gut mit dem Classic Editor, Gutenberg, Divi 4, Elementor, WPBakery und Beaver Builder. Integration für Divi 5 ist in Planung.

Warum werden die alt, aria-* und title Attribute entfernt?

Diese Attribute sind für die Barrierefreiheit wichtig, sollten aber individuell hinzugefügt und angepasst werden, damit der Kontext erhalten bleibt.

Warum werden die Emojis ebenfalls entfernt?

Emojis basieren zwar auf den internationalen Unicode, werden aber teilweise unterschiedlich dargestellt. So kann ein Emoji auf iOS, Android und Windows völlig unterschiedlich aussehen und eine entsprechende Wirkung haben. Um inhaltliche Missverständnisse zu vermeiden, wie auch potenzielle Darstellungsfehler zu umgehen, werden diese herausgefiltert.

Wie funktioniert es im Gutenberg?

Die Verwendung in Gutenberg ist auf zwei Arten möglich: Du kannst den gesamten Beitrag oder die gesamte Seite bereinigen oder nur den Inhalt eines Blocks. Um einen Block zu bereinigen, verwende einfach das Symbol in der Werkzeugleiste. Wenn du den gesamten Inhalt auf einmal bereinigen möchtest, wechsel in die Seitenleiste und nutze im Abschnitt HTML Cleanup die Clean up HTML Schaltfläche.

Wie funktioniert es im Beaver Builder?

In Beaver Builder befindet sich die Schaltfläche „HTML bereinigen“ direkt über der Symbolleiste des Texteditors in jedem Textmodul. Klicke einfach auf die Schaltfläche, um den HTML-Inhalt dieses Moduls zu bereinigen. Ein Ladekreisel zeigt an, dass der Vorgang läuft, und die Schaltfläche wird kurz grün, sobald die Bereinigung abgeschlossen ist.

Rezensionen

1 Rezension lesen

Mitwirkende und Entwickler

„Remove layout destroying HTML-Tags“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„Remove layout destroying HTML-Tags“ wurde in 2 Sprachen übersetzt. Danke an die Übersetzer für ihre Mitwirkung.

Übersetze „Remove layout destroying HTML-Tags“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN-Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

Hinweis: Ab der nächsten Version (nach 0.6.0) folgt dieses Changelog dem „Keep a Changelog“-Standard (https://keepachangelog.com/de/1.1.0/) mit den Kategorien „Hinzugefügt“, „Geändert“, „Veraltet“, „Entfernt“, „Behoben“ und „Sicherheit“. Eine CHANGELOG.md-Datei ist im Plugin-Paket enthalten.

0.6.0 – 2026-09-01

  • Neu: Hashtag-Verlinkungen (die mit # beginnen) werden entfernt
  • Neu: iframe-Element wird entfernt, die Inhalte werden ebenfalls entfernt
  • Neu: blockquote-Element wird entfernt, Inhalte bleiben bestehen
  • Neu: pre-Element wird entfernt, Inhalte bleiben bestehen
  • Neu: aside-Element wird entfernt, Inhalte bleiben bestehen
  • Neu: Visueller Hinweis, wenn nach dem Einfügen div-Elemente erkannt werden – Der Classic Editor und Beaver Builder heben die Schaltfläche „Bereinigen“ hervor, Divi und WPBakery zeigen eine TinyMCE-Benachrichtigung an, Gutenberg zeigt einen Hinweis im Seitenleistenbereich an, Elementor hebt die Schaltfläche „Bereinigen“ hervor
  • Korrektur: Verbesserte Ausgabekontrolle bei der Elementor-Integration
  • Korrektur: Unnötige Kontextprüfung aus der Elementor-Integration entfernt
  • Korrektur: Problem mit der Skript-Versionierung in der Beaver Builder-Integration behoben
  • Korrektur: Registrierung des TinyMCE-Plugins ist auf die Seiten des Beitragseditors beschränkt, um Initialisierungsfehler in anderen Admin-Bereichen zu vermeiden
  • Optimierung: der Umgang mit dem img-Element wurde verbessert – es werden nur Bilder von fremden Domains entfernt; lokale Bilder (relative oder mit derselben Domain als Quelle) bleiben erhalten
  • Optimierung: FAQ aktualisiert – neuer Umgang mit dem img-Element erklärt
  • Optimierung: Gutenberg-Editors Strings sind nun über das WordPress-Übersetzungssystem vollständig übersetzbar

0.5.2 – 2026-08-10

  • Korrektur: Fehlende Berechtigungsprüfung im AJAX-Handler (jeder angemeldete Benutzer könnte den Endpunkt aufrufen)
  • Korrektur: Fehlender ABSPATH-Guard in der WPBakery Integration hinzugefügt
  • Korrektur: Fehlende Bereinigung des $_GET[‚action‘] in der Elementor Integration
  • Korrektur: Die Bereinigung der Gutenberg-Seitenleiste sendet nun parallele statt sequenzielle Anfragen (Leistung)
  • Korrektur: Die Schaltfläche der RichText-Symbolleiste sendet nun HTML-Code statt reinem Text
  • Korrektur: Leistung der Beaver Builder Integration korrigiert
  • Optimierung: Gutenberg-Seitenleisten-Panel wurde aktualisiert, um die aktuelle WordPress-API verwenden zu können

0.5.1 – 2026-08-10

  • Optimierung: FAQ aktualisiert – Erkärung zur Verwendung im Beaver Builder

0.5.0 – 2026-08-10

  • Neu: Beaver Builder Unterstützung
  • Optimierung: Divi 4 wurde in eine eigene Integrationsdatei ausgelagert
  • Optimierung: Getestet mit WPBakery 9.0
  • Optimierung: Getestet mit Elementor 4.2
  • Optimierung: Getestet mit Beaver Builder 2.10
  • Optimierung: Aktualisierung der Kompatibilitätsinformationen

0.4.3 – 2026-05-21

  • Korrektur: Kompatibilität mit PHP 7.4 wiederhergestellt – str_starts_with() wurde durch strpos() ersetzt
  • Korrektur: Veraltete Funktion mb_convert_encoding() durch mb_encode_numericentity() ersetzt
  • Korrektur: Sicherheitsprüfung für ABSPATH in die Hauptdatei des Plugins hinzugefügt
  • Optimierung: Skript-Versionierung wurde verbessert, um veraltete Browser-Cache-Einträge zu vermeiden
  • Optimierung: Getestet mit WordPress 7.0 und 7.1

0.4.2 – 2025-12-03

  • Optimierung: Getestet mit WPBakery 8.7
  • Optimierung: Getestet mit Elementor 3.33
  • Optimierung: Getestet mit WordPress 6.9
  • Optimierung: Aktualisierung der Kompatibilitätsinformationen

0.4.1 – 2025-09-16

  • Optimierung: Aktualisierung der Kompatibilitätsinformationen

0.4.0 – 2025-05-02

  • Neu: Elementor Unterstützung
  • Optimierung: FAQ Information zu Gutenberg

0.3.1 – 2025-04-30

  • Korrektur: Versionsreferenz

0.3.0 – 2025-04-30

  • Neu: Gutenberg Unterstützung

0.2.4.1 – 2025-04-16

  • Optimierung: Getestet mit WordPress 6.8
  • Korrektur: Einige Filter wurden ohne explizite Aktion bei der Vorschau und beim Speichern des Beitrags ausgeführt

0.2.4 – 2025-04-11

  • Neu: Emojis werden entfernt
  • Optimierung: Weitere Javascript Optimierungen
  • Optimierung: FAQ Information zu Emojis
  • Optimierung: Getestet mit WordPress 6.8-RC3
  • Optimierung: Javascript Fehlermeldung übersetzbar
  • Optimierung: Spenden-Link aktualisiert

0.2.3.1 – 2025-04-01

  • Optimierung: Javascript-Datei umbenannt
  • Optimierung: Update-Datum im Changelog hinzugefügt
  • Optimierung: DSGVO Datenschutz Information in der Beschreibung hinzugefügt

0.2.3 – 2025-03-28

  • Neu: UX – Endlich ist der Tooltip in der TinyMCE Toolbar übersetzbar
  • Neu: UI – Endlich das Plugin Logo in die TinyMCE Toolbar integriert
  • Optimierung: PHP Auslagerung für Page Builder in eigenen Ordner
  • Optimierung: Aktualisierte Screenshots
  • Entfernt: Gutenberg Integration muss mehr getestet werden
  • Optimierung: Getestet mit Divi 4.27.4 & WPBakery 8.3.1

0.2.2.1 – 2025-03-27

  • Korrektur: Inhalte einiger Elements ebenfalls gelöscht

0.2.2 – 2025-03-27

  • Neu: align, height, bgcolor, border, cellspacing Attribute werden entfernt
  • Neu: Tabellen Elemente zugelassen (table, tr, td, th)
  • Neu: b, i Elemente zugelassen
  • Neu: abbr Element wird entfernt
  • Korrektur: einige aria-* und data-* Attribute wurden nicht entfernt

0.2.1 – 2025-03-25

  • Neu: data-Attribute werden entfernt
  • Neu: article, figure, picture Elemente werden entfernt
  • Neu: aria-setsize, aria-posinset, translate, dir Attribute werden entfernt
  • Optimierung: Javascript Auslagerung in eigenen Ordner
  • Optimierung: Installations Anleitung hinzugefügt

0.2.0 – 2025-03-20

  • Neu: WPBakery 8.3 Support

0.1.1 – 2025-03-19

  • Optimierung: Getestet mit Gutenberg & Divi 4 Page Builder
  • Optimierung: Sprachliche Anpassungen

0.1.0 – 2025-03-19

  • Neu: Copy&Paste Cleaner endlich in die TinyMCE Toolbar integriert

0.0.20 – 2025-03-18

  • Neu: Icon & Banner

0.0.19 – 2025-03-14

  • Neu: Ausnahme hinzugefügt: blockquote

0.0.18 – 2025-03-12

  • Neu: Attribute aria-hidden, title werden entfernt
  • Optimierung: einige sprachliche Anpassungen für korrekte Übersetzungen

0.0.17 – 2025-03-12

  • Optimierung: Button ist nun übersetzbar

0.0.16 – 2025-03-11

  • Neu: Icon und Banner für das WordPress-Plugin-Verzeichnis
  • Optimierung: nach Verfügbarkeit im WordPress-Plugin-Verzeichnis, kleine Korrekturen der Informationen
  • Neu: Plugin ist jetzt regulär über WordPress verfügbar