Что такое WYSIWYG-редактор?

WYSIWYG расшифровывается как «What You See Is What You Get» («что видишь, то и получаешь»). Это тип редактора, который позволяет визуально форматировать текст: при нажатии кнопки «Полужирный» текст сразу становится полужирным, вместо того чтобы вводить разметку вроде **bold** или <strong>. Именно так большинство текстовых редакторов, почтовых клиентов и систем управления контентом позволяют создавать форматированный контент без знания HTML.

Описание инструмента

WYSIWYG-редактор — это редактор форматированного текста на базе Tiptap, который полностью работает в вашем браузере. Форматируйте текст с помощью привычной панели инструментов — используйте заголовки, полужирное и курсивное начертание, подчёркивание, списки, цитаты, блоки кода, ссылки и выравнивание текста — и сразу видите результат именно таким, каким он будет отображаться при вводе, поскольку сам редактор одновременно является областью предварительного просмотра. В любой момент переключайтесь на вкладку исходного кода HTML, чтобы просмотреть, отредактировать, скопировать или скачать сгенерированную разметку для использования где угодно: в записи блога, шаблоне email, CMS или собственном приложении.

Возможности

  • Панель инструментов для форматирования текста — заголовки (H1–H3), полужирное и курсивное начертание, подчёркивание, зачёркивание, встроенный код и очистка форматирования
  • Списки и структура — маркированные и нумерованные списки, цитаты, блоки кода и горизонтальные разделители
  • Выравнивание текста — выравнивание абзацев по левому краю, по центру, по правому краю и по ширине
  • Редактирование ссылок — вставляйте, изменяйте и удаляйте ссылки, не покидая редактор
  • Вкладка исходного кода HTML — переключайтесь в режим просмотра исходного HTML-кода, чтобы просматривать, редактировать, копировать или скачивать разметку
  • Двусторонняя синхронизация — редактируйте HTML напрямую и переключайтесь обратно, чтобы увидеть результат в редакторе
  • Подсчёт слов и символов — отслеживайте объём контента во время ввода
  • Отмена и повтор действий — полная история редактирования в один клик
  • Поддержка светлой и тёмной темы — автоматически соответствует теме вашего сайта