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

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

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

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

Возможности

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