Editor HTML WYSIWYG

Verificato a ottobre 2026 · dal team di Mobirise, che gestisce mobirize.com

Come si modifica

Trascini i blocchi sulla pagina, riscrivi il testo direttamente dove si trova e clicchi su un'immagine per sostituirla. Ogni blocco ha il suo pannello dei parametri: spaziatura, sfondo, parti visibili e numero di colonne.

Cosa scrive

HTML, CSS e un po' di JavaScript, tutto basato su Bootstrap 5. I blocchi seguono la griglia di Bootstrap, che si adatta da sola a schermi stretti e larghi.

Prezzo

Gratis per siti personali o aziendali, con un tema di partenza e circa 200 blocchi. Gli abbonamenti partono da 149 $ all'anno.

Sistemi

Windows 7 e successivi, macOS 10.13 e successivi con un installer per Apple Silicon e uno per Intel, e Linux di famiglia Debian come Ubuntu. Esiste anche una versione online del costruttore.

Accesso al codice

I file finiti restano tuoi con qualsiasi piano. Per riscrivere a mano l'HTML di un blocco serve l'estensione Code Editor, un componente aggiuntivo a pagamento.

Limite principale

Si aprono solo i progetti Mobirise. Una pagina o un template creato con un altro strumento non può essere caricato per ulteriori modifiche visuali.

L'espressione copre strumenti pensati per persone molto diverse. Capire di quale famiglia hai bisogno ti risparmia buona parte della ricerca.

Una rosa sincera divisa per situazione. Mobirise lo facciamo noi, quindi leggi la nostra riga tenendolo presente.

Un sito intero, senza codice, gratis

Mobirise: fatto di blocchi, si installa su Windows, Mac e Linux e il suo piano gratuito esporta file Bootstrap 5.

Lavorare su HTML esistente

Pinegrow: accoglie qualsiasi progetto esistente e permette di modificarlo in modo visuale o nel codice; pensato per chi conosce bene HTML e CSS.

Lavoro con Bootstrap a pagamento una tantum

Bootstrap Studio: pagamento unico, da 29 $, importa pagine già pronte e funziona offline una volta attivato.

Posizionamento libero degli oggetti su Windows

WYSIWYG Web Builder: una tela a posizione libera, acquisto singolo, con 30 giorni di prova.

Un costruttore a blocchi nativo per Mac

Blocs: gratis da provare, esportazione e pubblicazione arrivano con una licenza una tantum.

Scrivere codice con un riquadro renderizzato

Adobe Dreamweaver: un editor di codice professionale venduto tramite Creative Cloud.

Una casella di formattazione dentro la tua app

Una delle librerie incorporabili come TinyMCE o TipTap; nessuno degli strumenti desktop qui svolge questo compito.

Sette strumenti in un'unica griglia, con le righe che favoriscono i concorrenti lasciate al loro posto.

Dati raccolti dal 13 al 16 ottobre 2026 dalle pagine dei prezzi e della documentazione di ciascun venditore, in dollari al netto delle tasse salvo diversa indicazione. Le offerte cambiano spesso, quindi ricontrolla sulla pagina del venditore prima di acquistare.

Chi cerca un editor HTML in tempo reale vuole una di due cose: cambiare la pagina e vedere subito il risultato, oppure scrivere codice e guardare l'anteprima aggiornarsi. Sono strumenti diversi.

Aggiungi l'estensione Code Editor a pagamento e Mobirise copre entrambi gli stili: apri l'HTML e il CSS di un blocco o di una pagina, modificali e guarda la tela aggiornarsi.

Qualsiasi generatore di codice HTML trasforma clic, o una frase digitata, in markup, e il suo valore dipende dal risultato. Lo snippet qui sotto mostra il tipo di struttura Bootstrap 5 che un costruttore a blocchi produce per una semplice sezione a due colonne. È un markup generico che illustra lo schema, non un file di tema di Mobirise.

<section class="features">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-12 col-lg-6">
        <h2>Fresh bread every morning</h2>
        <p>Baked on site from 6 am, six days a week.</p>
        <a class="btn btn-primary" href="menu.html">See the menu</a>
      </div>
      <div class="col-12 col-lg-6">
        <img src="../assets/images/bakery.webp" alt="Loaves cooling on a rack"
             class="img-fluid" loading="lazy">
      </div>
    </div>
  </div>
</section>

Sui telefoni le classi della griglia impilano le colonne, e dal breakpoint large in su si affiancano. Il livello del titolo lo scegli nell'editor, le immagini diventano WebP in automatico e il testo alternativo viene compilato dalle impostazioni dell'immagine.