Шпаргалка по WYSIWYG-онлайн-редакторам

Давайте рассмотрим 7-ку наиболее популярных и известных онлайн-редакторов в порядке убывания их распространенности, а также остановимся чуть более подробно на двух безусловных лидерах этого обзора — TinyMCE и FCKeditor.

TinyMCE

Демонстрация



TinyMCE, вне всяких сомнений, один из самых популярных ныне и удобных онлайн WYSIWYG-редакторов. Он был основан в 2004 году, когда первоначально была сделана ставка на его простоту и маленький размер (для увеличения скорости загрузки), что и отразилось в названии. С тех пор эта «крошка» выросла в мощнейший и уже совсем не такой маленький редактор, каким он был написан первоначально. О распространенности этого редактора говорит тот простой факт, что он используется в оригинальной поставке пакетов таких решений как Mambo, Joomla!, Drupal, Plone, WordPress, b2evolution, e107 (и многих других известных CMS).

Давайте перечислим его основные особенности:

легкая интеграция: как правило, для подключения к новому движку требуется всего несколько строчек;

хорошая адаптация под все основные браузеры;

небольшой вес, несмотря на свои возможности — наличие собственного GZip-компрессора (для языков PHP, ASPX, JSP, CFM, Ruby) делает TinyMCE на 75% меньше по размеру, что существенно ускоряет его загрузку;

совместимость с AJAX. Тут нужно отметить, что существует как версия редактора с библиотекой jQuery, так и без неё;

локализация почти на все международные языки;

открытые исходники под лицензией LGPL;

надежность — популярность продукта делает свое дело, в результате, все проблемы очень быстро обнаруживаются и просто не могут не остаться незамеченными при такой аудитории пользователей;

огромное количество готовых внешних плагинов (большинство — платные);

возможность использования различных тем оформления и шаблонов;

поставка в виде чистого JavaScript, т.е. не зависит от языка разработки самого движка.

FCKeditor

Демонстрация



FCKeditor — это второй по популярности онлайн-редактор в мире. Редактор разрабатывается с 2005 года и успел обрасти уже всем необходимыми функциями. Здесь хочется сразу добавить, что существует его достаточно перспективная доработка, которая призвана устранить некоторые проблемы, которые для оригинального FCKeditor похоже уже стали хроническими (например, улучшенная производительность и др.) — это CKeditor (Демо), поэтому обязательно попробуйте и этот клон этого популярного редактора.

Давайте перечислим основные особенности оригинальной версии FCKeditor:

выдача XHTML 1.0;

поддержка CSS для лучшей и более органичной интеграции с дизайном вашего сайта;

автоматическая «подчистка» вставку из MS Word через буфер обмена;

встроенная проверка орфографии;

поддержка вызова меню правой кнопкой мыши;

автоматическое определение браузера и подстройка под него;

поддержка внешних плагинов;

как и TinyMCE, сделан на чистом JavaScript, т.е. не зависит от языка разработки самого движка

SPAW Editor

Демонстрация



SPAW Editor — один из старейших и популярнейших онлайн-редакторов в современном интернете (хотя своей популярностью он заметно уступает первым двум рассмотренным нами редакторам).

В редакторе реализован достаточно продвинутый визуальный интерфейс, поддерживающий вкладки и множество открытых документов, плавающую панель инструментов и некоторые другие редкие для подобного рода редакторов визуальные возможности. В плане многообразия плагинов SPAW Editor заметно уступает TinyMCE, хотя нужно признать, что всё минимально необходимый набор инструментов здесь уже имеется.

NicEdit

Демонстрация



NicEdit - идеальный выбор для тех, кто любит минимализм, и, судя по популярности этого распространенного редактора, таких людей немало. Маленький, быстрый, очень простой и надежный — настоящая записная книжка по сравнению с почти полными онлайн-аналогами MS Word — TinyMCE и CKeditor. Другой его плюс: он прост не только внешне, но также и внутри, поэтому задача его интеграции в любой движок будет достаточно простой.

HTMLArea (Xinha, jHtmlArea)

Поскольку редактор HTMLArea — это один из самых первых и некогда фантастически популярный онлайн-редактор, то по историческим причинам считаем нужным упомянуть и его. Поскольку поддержка его оригинальной версии уже давно заброшена, приведем две современные (и, достаточно перспективных) разработки сделанных на его базе. Первая из них, Xinha, поставляется в виде чистого JavaScript, при этом распространяется на основе лицензии BSD, что позволяет делать на его базе даже свои закрытые коммерческие продукты. Второй клон jHtmlArea — это попытка оживить некогда популярный проект, для чего он очень радикально переработан, и в своей новой версии выполнен в виде плагина к популярной библиотеке jQuery.

WYMEditor

Демонстрация



WYMEditor – это относительно молодой редактор, который уже полюбился разработчикам различных серьёзных CMS. Главное его отличие заключается в том, что он реализует принципиально другую от вышеописанных редакторов концепцию: вместо уже привычной WYSIWYG он представляет новую парадигму — WYSIWYM. Иначе говоря, он позволяет жестко разделить контент и дизайн сайта, позволяя одним набирать сам текст, а другой группе (как правило, дизайнерам сайта) — решать как этот текст будет выглядеть в рамках сайта. WYMEditor не позволяет пользователям влиять на окончательное визуальное представление их контента, а только предоставляет средства для логической разметки вводимого текста, что очень удобно при создании больших коллективных CMS, где все роли сопровождающих сайт специализированы и четко разделены.

OpenWysiwyg


Демонстрация



Данный редактор упоминается в обзоре лишь из-за его достаточной популярности на Западе в последнее время, где он позиционируется часто как бесплатный и качественный продукт, продвигающий себя как некий открытый стандарт для всех онлайн-редакторов. В последнее время этот проект сумел привлечь к себе достаточно много разработчиков, поэтому он очень динамично развивается и совершенствуется.
В этом редакторе есть практически все стандартные возможности, о которых только можно подумать. Кроме этого нужно признать, что это очень тщательно написанный редактор, который пытается качественно реализовать весь набор стандартных операций с текстом. Как пример сказанного: он может работать с таблицами и с различной толщиной их границ и цветов. Сильный минус — поддержка Chrome ещё только в стадии тестирования.