So bearbeiten Sie Inhalte im visuellen Editor und in der HTML-Quelltextansicht

Eine Rich-Text-Werkbank mit HTML-Quelltextansicht: Inhalt im visuellen Editor tippen oder einfügen, mit der Werkzeugleiste formatieren und für direkte Markup-Bearbeitung in die Quelltextansicht wechseln. Ein Vorschau-Dialog rendert das aktuelle Dokument, und in der Quelltextansicht kopieren Sie das fertige HTML heraus.

Der Editor läuft vollständig in diesem Tab. Es wird nichts hochgeladen und es gibt keinen Speichern-Knopf — kopieren Sie den Quelltext, bevor Sie die Seite schließen, wenn Sie das Ergebnis behalten möchten.

  1. Klicken Sie in den Bearbeitungsbereich und tippen oder fügen Sie Ihren Inhalt ein — reinen Text oder Markup aus einer anderen Seite.
  2. Formatieren Sie mit der Werkzeugleiste: fett, kursiv, Überschriften, Listen, Ausrichtung, Links, Tabellen, Bilder per URL und mehr.
  3. Drücken Sie die Quelltext-Schaltfläche, um dasselbe Dokument als HTML anzuzeigen und Tags und Attribute als Text zu bearbeiten.
  4. Nutzen Sie Vorschau, um das Dokument in einem Dialog zu rendern, oder HTML bereinigen und Automatisch formatieren, um Stile zu entfernen oder das Markup neu umzubrechen.
  5. Kopieren Sie das HTML aus der Quelltextansicht — die Seite speichert nichts für Sie.

Was der Editor mit Ihrem Inhalt macht

Werkzeugleiste und Dialoge

Die Werkzeugleiste umfasst Rückgängig und Wiederholen, fett, kursiv, unterstrichen und durchgestrichen, Überschriften H1 bis H4, Schriftart und -größe, Text- und Hintergrundfarben, Ausrichtung, nummerierte und Aufzählungslisten, Einzug, tief- und hochgestellt, Zeilenabstand, Links, Bilder, Tabellen mit Verbinden und Teilen von Zellen, horizontale Linien, Smileys, Anker und Seitenumbrüche.

Die Dialoge für Bild, Medien und Flash fügen per URL ein, da Datei-Uploads deaktiviert sind. Codeblöcke werden als pre-Elemente mit einer Sprachklasse wie lang-js eingefügt; die Seite lädt keinen Syntax-Highlighter.

Quelltextansicht und Markup-Normalisierung

Quelltextansicht und visueller Editor sind zwei Ansichten desselben Dokuments, und beim Wechsel wird das Markup neu gerendert. Der Editor normalisiert dabei — eine horizontale Linie kommt etwa als selbstschließendes Tag zurück, ein Inline-Stil erhält ein abschließendes Semikolon, und Tabellen bekommen einen tbody-Wrapper.

Ein Durchlauf durch den visuellen Editor ist deshalb nicht bytegenau identisch mit Ihrer Eingabe. Bewahren Sie das Original-Markup separat auf, wenn exakte Bytes wichtig sind, und nutzen Sie die Quelltextansicht für Handarbeit an Tags.

Verarbeitung, Datenschutz und Grenzen

Alles läuft im Browser-Tab: Inhalte werden nie hochgeladen, der Editor funktioniert nach dem Laden offline weiter, und es gibt keinen Speichern- oder Veröffentlichen-Knopf — das Dokument existiert nur, bis Sie den Tab schließen.

Der Editor ist für gewöhnliche Webinhalte gedacht. Sehr große Dokumente können den Bearbeitungsbereich träge machen, und eingefügter Inhalt behält seine Stile, bis Sie ihn mit HTML bereinigen entfernen.

Zuletzt verwendet: