WYSIWYG или WYSIWYM?

В редакторах типа WYSIWYM вы определяете лишь логическую структуру контента.  Внешний вид это уже забота программных средств сайта или системы. Благодаря этому содержание отделено от формы.

WYSIWYG

What You See Is What You Get — что видишь, то и получишь.

WYSIWYG редакторы помогают людям без знания HTML пользоваться возможностями расширенного форматирования, но к сожалению они имеют ряд недостатков которые портят жизнь как профессионалам так и обычным пользователям.

Недостатки WYSIWYG

• Некачественная разметка HTML. К сожалению HTML код в редакторах раздут семантически запутанными тегами, ненужными классами и атрибутами стилей. Особенно он плох если его вставляли из текстовых редакторов типа word.
• Портят дизайн. Люди, использующие WYSIWYG, как правило могут использовать свои шрифты, цвета и изображения (хотя эти возможности можно отключить). Это часто означает, что стиль содержания может не соответствовать разработанным правилам оформления сайта.
• Много весят. Эти редакторы часто весят несколько сотен килобайт, что вызывает заметные задержки при загрузке страницы.
• Относительно медленные в использовании. Как правило для форматирования нельзя использовать быстрые клавиши и нужно использовать мышь для выбора выпадающего меню.
• Отсутствие гибкости. При всех наворотах этих редакторов они могут обрабатывать код по своему и вырезать или заменять некоторые теги своими.

WYSIWYM

What You See Is What You Mean — то что ты видишь есть то, что ты имеешь ввиду

Данный тип редакторов не всегда лучше, он уступает по функциональности своего интерфейса WYSIWYG, что важно и привычно для людей которые пользуются редакторами типа word. Тем не менее, этот тип редакторов идеален, если вам в основном требуется ввести текстовое содержимое, с заголовками, списками, ссылками и изображениями.

Данный тип редакторов основан на языках разметки которые предлагают следующие преимущества по сравнению с редакторами WYSIWYG:

• Не нужен JavaScript редактор. Так как пользователь создает содержимое, используя простой текст, то достаточно простого текстового поля ввода.
• Очень удобен для адаптивного дизайна. Один и тот же текст ввиду универсальности его разметки легко обрабатывать для представления в различных устройствах (электронных книг, телефонов и т.д.)
• Быстрый. Страница редактирования будет работать быстрее, и во всех браузерах. Синтаксис форматирования текста позволяет писать быстро и легко форматировать текст.
• Мобильный. Поскольку содержание представлено в текстовом виде, вы можете писать его в любом текстовом редакторе, а затем просто вставить в форму редактирования.
• Анализ текста. Благодаря разметке текста открываются большие возможности для анализа его содержания.

Самое главное почему вы должны использовать редакторы типа WYSIWYM, так это потому, что пользователи не должны определять стиль контента, они должны определять его структуру.

Ссылки

Вы можете попробовать редакторы типа WYSIWYM, Textile и Markdown онлайн:

• Textile demo
• Markdown demo

Так же для у этих редакторов есть множество реализаций под распространенные языки и CMS

Домашняя страница Textile. Плагины для WordPress, Drupal, Joomla, ExpressionEngine и так далее.

Домашняя страница Markdown. Плагины для WordPress/bbPress, Drupal, Joomla, ExpressionEngine, RapidWeaver и другие.