Wysiwyg html editor

Gecontroleerd in oktober 2026 · door het Mobirise-team, dat mobirize.com beheert

Hoe je bewerkt

Sleep blokken op de pagina, typ de tekst ter plekke over en klik op een afbeelding om die te vervangen. Elk blok heeft een eigen instellingenpaneel: ruimte, achtergrond, zichtbare onderdelen en aantal kolommen.

Wat het schrijft

HTML, CSS en wat JavaScript, allemaal gebaseerd op Bootstrap 5. Blokken staan op het Bootstrap-raster, dat zich vanzelf aanpast aan smalle en brede schermen.

Prijs

Gratis voor persoonlijke of zakelijke websites, met één starterthema en ruim 200 blokken. Abonnementen beginnen bij $149 per jaar.

Systemen

Windows 7 en hoger, macOS 10.13 en hoger met een installatiebestand voor Apple Silicon en een voor Intel, en Linux uit de Debian-familie zoals Ubuntu. Er is ook een browserversie van de bouwer.

Toegang tot de code

De afgewerkte bestanden blijven van jou, welk abonnement je ook hebt. Het met de hand herschrijven van de HTML van een blok vraagt om de extensie Code Editor, een betaalde add-on.

Belangrijkste beperking

Alleen Mobirise-projecten kunnen worden geopend. Een pagina of template uit een ander programma kun je niet laden om visueel verder te bewerken.

De term dekt programma's voor heel verschillende mensen. Als je weet welke groep je nodig hebt, scheelt dat het meeste zoekwerk.

Een eerlijke shortlist per situatie. Wij maken Mobirise, dus lees onze eigen regel met dat in je achterhoofd.

Een hele website, zonder code, gratis

Mobirise: opgebouwd uit blokken, te installeren op Windows, Mac en Linux, en het gratis abonnement exporteert Bootstrap 5-bestanden.

Werken aan bestaande HTML

Pinegrow: neemt elk bestaand project over en laat je visueel of in code bewerken; bedoeld voor mensen die HTML en CSS vlot beheersen.

Bootstrap-werk tegen een eenmalig bedrag

Bootstrap Studio: eenmalige betaling, vanaf $29, haalt kant-en-klare pagina's binnen en werkt offline na activering.

Vrije plaatsing van objecten op Windows

WYSIWYG Web Builder: een canvas met vrije plaatsing, eenmalig te koop, met 30 dagen proefperiode.

Een native blokbouwer voor Mac

Blocs: gratis uit te proberen, exporteren en publiceren horen bij een eenmalige licentie.

Code schrijven met een gerenderd paneel

Adobe Dreamweaver: een professionele code-editor die via Creative Cloud wordt verkocht.

Een opmaakvak in je eigen app

Een van de inbedbare bibliotheken, zoals TinyMCE of TipTap; geen van de desktopprogramma's hier doet dat werk.

Zeven programma's in één overzicht, met ook de rijen die in het voordeel van de concurrentie uitvallen.

Gegevens van 13–16 oktober 2026, overgenomen uit de prijs- en documentatiepagina's van elke aanbieder, in dollars exclusief belasting tenzij anders vermeld. Aanbiedingen veranderen vaak, dus controleer de pagina van de aanbieder voordat je koopt.

Wie zoekt op een realtime html-editor, wil een van twee dingen: de pagina aanpassen en het meteen zien, of code typen en een voorbeeld zien verversen. Dat zijn verschillende programma's.

Voeg de betaalde extensie Code Editor toe en Mobirise dekt beide werkwijzen: open de HTML en CSS van een blok of pagina, pas ze aan en zie het canvas meebewegen.

Elke html-codegenerator zet klikken, of één getypte zin, om in opmaak, en de waarde hangt af van het resultaat. Het fragment hieronder toont het soort Bootstrap 5-structuur dat een blokbouwer uitvoert voor een eenvoudige sectie met twee kolommen. Het is algemene opmaak die het patroon illustreert, geen themabestand van 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>

Op telefoons zetten de rasterclasses de kolommen onder elkaar, en vanaf het grote breekpunt staan ze naast elkaar. Je kiest het kopniveau in de editor, afbeeldingen worden vanzelf WebP en alt-tekst wordt ingevuld uit de afbeeldingsinstellingen.