Entwicklertools · HTML-WYSIWYG-Editor
Von <font>-Tags zu CSS: Wie die Webformatierung aus dem Markup entfernt wurde
· Hintergrund
html CSS Textbereinigung
Erzählt, wie Präsentations-HTML wie Schriftart-, Zentrierungs- und Ausrichtungsattribute CSS Platz machten und warum diese Geschichte die heutige Debatte über den Inline-Stil in Editoren erklärt.
Präsentations-HTML in älteren Seiten – hier wird kein Datum angegeben
Ältere Seitenfragmente drücken ihr Aussehen oft direkt durch Elemente wie Schriftart und Mitte oder Attribute wie bgcolor und align aus. Der Arbeitsmappe ist eine Chronologie der Mitte der 1990er Jahre beigefügt, aber keine Repository-Quelle bestätigt diese Daten. Die Implementierung kann nur zeigen, wie dieser Editor heute mit solchen Markups umgeht.
ToolAcre lässt keine Schriftart oder Mitte zu und behält keine Präsentationsattribute bei. Gewöhnliche, nicht unterstützte Wrapper werden entpackt, sodass ihre sichtbaren Wörter möglicherweise bestehen bleiben, während die Formatierungsanweisung verschwindet. Bei dieser Ausgabe handelt es sich um einen bereinigten Entwurf und nicht um eine originalgetreue Wiederherstellung einer alten Seite.
Schriftart, Mitte und Hintergrundfarbe: Darstellung in den Tags – beschreibt die Elemente und Attribute, die Browser für die Darstellung hinzugefügt haben
Wenn die Präsentation von Tags und Attributen abhängt, ist es schwierig, Inhalt und Design unabhängig voneinander zu ändern. Eine artikelübergreifende Farbauswahl muss in jedem Fragment bearbeitet werden, und eine zentrierte Überschrift hat keine inhärente strukturelle Bedeutung. Durch das Kopieren dieser Konstrukte werden auch Annahmen aus einem veralteten Layout importiert.
Semantisches Markup benennt Rollen wie Überschrift, Absatz, Liste und Zitat. Das Ziel-Stylesheet kann alle Vorkommen konsistent darstellen. ToolAcre unterstützt dieses kleinere Vokabular und entfernt auch Klasse und Stil, sodass das empfangende System für seine eigene Präsentationsebene verantwortlich ist.
CSS trennt Struktur und Präsentation; Standarddaten sind Beweise außerhalb des Archivs
CSS stellt vom Inhaltsbaum getrennte Selektoren und Deklarationen bereit. Durch diese architektonische Aufteilung kann sich eine Designänderung auf viele Dokumente auswirken, ohne dass jeder Text neu geschrieben werden muss. Dieser Artikel erfindet weder ein Datum für die erste Empfehlung noch eine Standardsequenz, da solche historischen Behauptungen externe Spezifikationen erfordern.
Die praktische Regel bleibt überprüfbar: Kopierte Fragmente aus ToolAcre enthalten keine Stilattribute oder Klassennamen. Das heruntergeladene vollständige Dokument enthält ToolAcres eigenes Wrapper-Stylesheet, dieses CSS wird jedoch nicht in das bereinigte Fragment eingefügt, das von Copy HTML zurückgegeben wird.
Präsentationselemente liegen nicht auf dieser Zulassungsliste und haben keinen Anspruch auf lebensnahe Chronologie
Die Arbeitsmappe beschreibt die Abwertung und Entfernung von einem Lebensstandard. Dieses Modul verfügt über kein Standardarchiv, daher bleibt der Artikel bei der aktuellen Richtlinie stehen: Präsentationselemente werden nicht unterstützt und entsprechend ihrer Risikokategorie entweder ausgepackt oder entfernt. Es wird kein normativer Chronologieanspruch erhoben.
Der Entfernungsbericht ist der nützliche Beweis. Fügen Sie ein Schriftart-Tag um den Text ein und achten Sie darauf, dass der Wrapper abgelehnt wird, während die Wörter bestehen bleiben. Wenn Sie einen gefährlichen Stilcontainer einfügen, wird sein Hauptteil vollständig entfernt, da roher Stilinhalt Anforderungs- und Analyseoberflächen erstellen kann, die über den Rahmen dieses Editors hinausgehen.
Inline-Stile gibt es an anderer Stelle, aber dieser Editor entfernt sie
Der Inline-Stil ist ein moderner Syntaxmechanismus, ToolAcre lehnt ihn jedoch vollständig ab. Daher kann dieser Editor kein überlebendes „Kompromiss“-Stilattribut nachweisen oder einen seiner eigenen Ausgabemodi empfehlen. Der einzige eigenständige Stil erscheint im generierten Vorschaudokument rund um den gefilterten Textkörper-HTML.
Andere Kontexte, insbesondere die E-Mail-Produktion, erfordern möglicherweise Inline-Deklarationen. Diese Anforderung erfordert eine separate Pipeline mit Clienttests und CSS-Richtlinien. Das Hinzufügen eines willkürlichen Stils würde der aktuellen Zulassungsliste widersprechen und die Verantwortung des Desinfektionsmittels ohne Beweise oder Tests erweitern.
Bearbeitetes Beispiel: Modernisierung eines Snippets aus den 1990er Jahren – schreibt das Font-Tag-Markup in semantisches HTML plus eine Klasse um und vergleicht die beiden
Modernisieren Sie `<center><font color="red"><b>Maintenance</b></font></center><p align="left">Tonight</p>`, indem Sie eine echte Überschrift und einen echten Absatz auswählen. ToolAcre entpackt nicht unterstützte Präsentationen, ordnet b zu stark zu, entfernt align und behält p bei, kann jedoch nicht ableiten, dass die Wartung h2 sein sollte.
Schreiben Sie die Bedeutung explizit in `<h2>Maintenance</h2><p>Tonight</p>` um und fügen Sie dann genehmigte Zielklassen oder Stylesheet-Regeln außerhalb des Editors hinzu. Wenn innerhalb eines Satzes wichtig sein soll, kann „strong“ geeignet sein; Wenn Fett nur eine Schriftstärke wäre, behalten Sie keine irreführende Semantik bei.
Was dies nicht abdeckt – Diskussionen zur CSS-Methodik oder Framework-spezifische Gestaltung
In diesem Artikel werden keine CSS-Methoden, Frameworks, Utility-Klassen oder Design-Tokens verglichen. Es werden keine historischen Daten für Schriftart-, CSS- oder Standardübergänge beansprucht. Es bietet auch keinen automatisierten Konverter, der semantische Rollen aus dem visuellen Legacy-Markup ableiten kann.
Filterung ist keine universelle XSS-Prävention. Der handgeschriebene Tokenizer von ToolAcre ist eingeschränkt und seine Vorschau ist separat in einer Sandbox verfügbar. Ein Server, der älteres oder benutzergeneriertes HTML akzeptiert, benötigt einen gepflegten parserbasierten Sanitizer, Migrationstests und eine zielspezifische Zulassungsliste.
Takeaway: Erfahren Sie, warum die Regel existiert – fasst den Verlauf zusammen und wie die Überprüfung der Ausgabe im HTML-WYSIWYG-Editor von ToolAcre dazu beiträgt, die Präsentation aus Ihrem Markup herauszuhalten
Wissen Sie, warum Struktur und Präsentation getrennt sind: Die Bedeutung sollte die Neugestaltung überdauern, während das Erscheinungsbild einheitlich geregelt werden sollte. ToolAcre setzt diese Grenze aggressiv durch, indem es sowohl die veraltete Darstellung als auch moderne Inline- oder klassenbasierte Stile aus kopierten Fragmenten entfernt.
Verwenden Sie die Quellansicht, um zu identifizieren, was verloren gegangen ist, und stellen Sie dann die Semantik und den Stil am Ziel manuell wieder her. Dieser Prozess behält möglicherweise nicht das alte Erscheinungsbild bei, erzeugt jedoch Inhalte, die leichter überprüft, migriert und angepasst werden können, ohne dass veraltete Entscheidungen in jedes zukünftige Thema übernommen werden.