Kostenloser Online Visual HTML Editor

Du kannst KI verwenden, um schnell Code zu erstellen, der dein HTML verarbeitet, oder dein eigenes JavaScript eingeben, wenn du die volle Kontrolle haben willst.
Beispielideen für die HTML-Verarbeitung:

• alle Stile und Klassen aus HTML entfernen
• HTML responsive machen (an die Bildschirmgröße des Geräts anpassen)
• Ändere jedes strong Tag in ein h1-Tag
• Inline-CSS aus Tags, die sich im HTML wiederholen, extrahieren und im Haupt-Style-Tag unterbringen
• ein Inhaltsverzeichnis für die Tags h1 bis h6 erstellen und oben in meinem HTML einfügen

Vorverarbeiten bedeutet, dass du den Code vor den Bereinigungsoptionen, dem Suchen und Ersetzen und dem Verwalten von Tags ausführst.

Tipp für Fortgeschrittene: Du kannst die HTML-Verarbeitung "verketten", indem du im Pre-Processing-Editor verschiedenen Code generierst und ihn so oft wie nötig in den Post-Processing-Editor kopierst.

Wenn du JavaScript kennst, kannst du deinen eigenen Code schreiben, um HTML zu verarbeiten. Im JavaScript-Code musst du den Variablennamen "html" verwenden. Unten siehst du einige Codebeispiele:
Ersetze das erstes Vorkommen des Wortes 'xxx' mit dem Wort 'yyy': html = html.replace("xxx","yyy");
Ersetze alle p-Tags mit span-Tags mit regexp: html = html.replace(/<p([^<>]*)>(.*)<\/p>/g,"<span$1>$2</span>");
Entferne alle p-Tags mit innerem Inhalt mit regexp: html = html.replace(/<p[^<>]*>(.*)<\/p>/g,"");
Erweitertes Beispiel – Vereinheitliche den inneren Text aller Tags und ersetze Beginn durch "<blockquote> und Ende durch "</blockquote>:
html = html.replace(/>([^<>]+)</gi, function(m, p1) { return ">" + p1.replace(/([^<>"]*)"([^<>"]*)"/gi, '$1<blockquote>$2</blockquote>') + "<"; } );