Editor HTML visuale online gratuito

Puoi usare l'AI per creare rapidamente il codice per elaborare il tuo HTML, oppure inserire il tuo JavaScript personalizzato se preferisci avere il pieno controllo.
Idee di esempio per l'elaborazione dell'HTML:

• rimuove tutti gli stili e le classi dall'HTML
• rendere l'HTML responsive (adattarsi alle dimensioni dello schermo del dispositivo)
• Cambia ogni tag strong in un tag h1
• estrarre il CSS inline dai tag che si ripetono nell'HTML e inserirlo nel tag style principale
• generare l'indice dei contenuti per i tag da h1 a h6 e aggiungerlo all'inizio del mio HTML

Pre-elaborazione significa che esegui il codice prima dell'elaborazione delle opzioni di pulizia, di ricerca e sostituzione e di gestione dei tag.

Suggerimento avanzato: puoi "concatenare" l'elaborazione HTML generando codice diverso nell'editor di pre-elaborazione e copiandolo nell'editor di post-elaborazione tutte le volte che ti serve.

Per elaborare l'HTML con Javascript devi utilizzare la variabile "html". Esempi di codice:
Sostituire la prima occorrenza della parola 'xxx' con la parola 'yyy'.: html = html.replace("xxx","yyy");
Sostituire tutti i tag p con tag span con la regexp: html = html.replace(/<p([^<>]*)>(.*)<\/p>/g,"<span$1>$2</span>");
Rimuovere tutti i tag p con contenuto interno con la regexp: html = html.replace(/<p[^<>]*>(.*)<\/p>/g,"");
Esempio avanzato: corrisponde al testo interno di tutti i tag e sostituisce l'inizio " con <blockquote> e la fine " con <blockquote>:
html = html.replace(/>([^<>]+)</gi, function(m, p1) { return ">" + p1.replace(/([^<>"]*)"([^<>"]*)"/gi, '$1<blockquote>$2</blockquote>') + "<"; } );