Визуальный HTML-редактор

Проверено в октябре 2026 · командой Mobirise, которая ведёт mobirize.com

Как редактировать

Перетаскиваете блоки на страницу, переписываете текст прямо на месте и меняете картинку одним щелчком. У каждого блока своя панель параметров: отступы, фон, видимые элементы и число колонок.

Что получается на выходе

HTML, CSS и немного JavaScript на основе Bootstrap 5. Блоки лежат на сетке Bootstrap, которая сама перестраивается под узкие и широкие экраны.

Цена

Бесплатно для личных и коммерческих сайтов: одна стартовая тема и около 200 блоков. Подписки начинаются от $149 в год.

Системы

Windows 7 и новее, macOS 10.13 и новее (отдельные установщики для Apple Silicon и Intel), Linux семейства Debian, например Ubuntu. Есть и версия конструктора в браузере.

Доступ к коду

Готовые файлы остаются у вас на любом плане. Чтобы вручную переписывать HTML блока, нужно расширение Code Editor — платное дополнение.

Главное ограничение

Открываются только проекты Mobirise. Страницу или шаблон, сделанные в другой программе, загрузить для дальнейшего визуального редактирования нельзя.

Под этим названием скрываются программы для очень разных людей. Если понять, какое семейство вам нужно, большая часть поиска отпадёт.

Честный список по ситуациям. Mobirise делаем мы, так что нашу строчку читайте с поправкой на это.

Весь сайт, без кода, бесплатно

Mobirise: собирается из блоков, ставится на Windows, Mac и Linux, а бесплатный план экспортирует файлы на Bootstrap 5.

Работа с готовым HTML

Pinegrow: принимает любой готовый проект и позволяет править его визуально или в коде; рассчитан на тех, кто свободно владеет HTML и CSS.

Работа с Bootstrap за разовую плату

Bootstrap Studio: единоразовый платёж, от $29, загружает готовые страницы, после активации работает офлайн.

Свободное размещение объектов на Windows

WYSIWYG Web Builder: холст со свободным положением, покупается один раз, 30 дней на пробу.

Нативный блочный конструктор для Mac

Blocs: бесплатно попробовать, экспорт и публикация идут с разовой лицензией.

Писать код с окном просмотра

Adobe Dreamweaver: профессиональный редактор кода, продаётся через Creative Cloud.

Поле форматирования внутри вашего приложения

Одна из встраиваемых библиотек, например TinyMCE или TipTap; ни одна из настольных программ здесь такой задачи не решает.

Семь программ в одной таблице, строки в пользу конкурентов оставлены.

Данные взяты 13–16 октября 2026 года со страниц цен и документации каждого продавца, в долларах без налога, если не указано иное. Предложения часто меняются, поэтому перед покупкой проверьте их на странице продавца.

Люди, которые ищут HTML-редактор в реальном времени, хотят одного из двух: менять страницу и сразу видеть результат или печатать код и смотреть, как обновляется просмотр. Это разные инструменты.

Добавьте платное расширение Code Editor, и Mobirise закроет оба стиля: откройте HTML и CSS блока или страницы, измените их и смотрите, как обновляется холст.

Любой генератор HTML-кода превращает щелчки или одно набранное предложение в разметку, и ценность его определяется результатом. Фрагмент ниже показывает структуру на Bootstrap 5, которую блочный конструктор выдаёт для простой секции в две колонки. Это типовая разметка для иллюстрации принципа, а не файл темы 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>

На телефонах классы сетки складывают колонки друг под другом, а начиная с большого брейкпоинта они стоят рядом. Уровень заголовка вы выбираете в редакторе, картинки сами превращаются в WebP, а alt-текст подставляется из параметров изображения.