Текстовые редакторы и редакторы WYISWYG, кстати эта аббревиатура расшифровывается — What You See Is What You Get (что видишь то и получаешь) широкое применение получили в системах управления контента или попросту CMS. Всякие разные WYISWYG редакторы установлены в Drupal и Joomla, WordPress и LiveJournal. Существует большое количество редакторов которые имеют свои особенности и нюансы.
Я выбрал 10 наиболее обновляемых и функциональных WYISWYG редакторов и сделал краткое описание каждое по каждому из них. Информацию, которую я подобрал для каждого из редакторов поможет вам сэкономить время при выборе того или иного редактора для вашего сайта.
TinyMCE
Официальная страница редактора: http://www.tinymce.com/
Редактор TinyMCE является независимым от веб-платформы Javascript HTML WYSIWYG редактор контроль выпущен как Open Source под LGPL от Moxiecode Systems AB.
- Просмотр и редактирование HTML-кода
- Ручки наиболее форматирование текста, списки, изображения, таблицы и ссылки
- Расширенные создания таблицы с границей и т.д. настройки
- Настраиваемый. Темы и плагины.
- Много конфигураций, API и функции обратного вызова для продвинутых пользователей
- Современные браузеры. Firefox, Chrome, Safari, Opera и IE.
- Легкий и быстрый для загрузки. Он использует GZip сжатия на стороне сервера
- Совместимость AJAX. Возможность загрузки и сохранения содержимого с помощью AJAX
- IE 5.5 + (Windows), Firefox 1.0 +, Mozilla 1.3 + и Netscape 7 +
- LGPL-лицензии
Mercury
Официальная страница: http://jejacks0n.github.com/mercury/
Редактор Mercury является полнофункциональным HTML 5 редактор. Он был создан с нуля, чтобы Вы могли получить максимальное удовольствие от редактирования содержимого сайта.
- Требует использование JQuery
- Предварительный просмотр, ссылки и мультимедийные инструменты
- Drag and drop загрузка изображений
- Расширенное редактирование таблиц
- Фрагменты и пользовательских редактируемых областей в одну страницу.
- Другие основные инструменты форматирования текста
- Просмотр и редактирование HTML-кода
- Легко локализовать ее на разные языки
- Поддержка браузеров с contentEditable спецификации. Firefox 4 +, Chrome 10 +, Safari 5 +
- MIT лицензией.
CLEditor
Официальный сайт CLEditor: http://premiumsoftware.net/cleditor/
CLEditor — это плагин JQuery с открытым программным кодом, который обеспечивает легкий полнофункциональный, кроссбраузерный, расширяемый, WYSIWYG HTML редактор, который может быть легко добавлен в любой веб-сайт.
- Требуется JQuery
- Занимает всего менее 9Кб
- На панели все основные инструменты форматирования: вставлять изображения, гиперссылки, час, изменить имя шрифта, размер, стиль, цвет и цвет подсветки
- Просмотр и редактирование HTML-кода
- Расширяемая, позволяют настроить его интерфейс пользователя и функциональность.
- IE 6.0 +, FF 1.5 +, Safari 4 +, Chrome 5 + и Opera 10 +
- MIT / GPL версии 2 лицензии.
eIRTE
Официальная страница редактора: http://elrte.org/
elRTE является открытым исходным кодом WYSIWYG HTML-редактор написанный на JavaScript использованием JQuery UI. Он имеет большой набор инструментов для редактирования текста, возможности изменения его внешнего вида, стиля и многое другое. Вы можете использовать его в любых коммерческих и некоммерческих проектах.
- Требуется наличие JQuery
- Легкий, быстрый и простой для интеграции
- Просмотр и редактирование HTML-кода
- Предназначен для работы со своими elFinder — мощный плагин файловый менеджер для сайта
- Вставьте и управлять различными элементами HTML с форматированием
- Легко локализовать на разные языки
- Современный браузер. elRTE была протестирована в Firefox 3.5 +, Internet Explorer 7 и 8, Safari 4, Opera 10 и Chrome
- 3-положения BSD лицензии.
TinyEditor
Официальный сайт: http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/
TinyEditor — это простой JavaScript WYSIWYG редактор, который имеет размер всего 8 Кбайт. Эго можно легко настроить для интеграции с любом веб-сайтом через CSS и множество других параметров.
- Автономные JavaScript скрипты
- Легкий, 8KB
- Панель имеет большинство основных инструментов редактирования
- Просмотр и редактирование HTML-кода
- Работает во всех современных браузерах
- Creative Commons License.
MooEditable
Официальный сайт MooEditable: http://cheeaun.github.com/mooeditable/
MooEditable это плагин MooTools, что мгновенно преобразует текстовую поля в редактор WYSIWYG.
- Требует MooTool фреймворк
- Позволяет создавать пользовательские сборки с MooEditable Builder
- Панель инструментов имеет большинство основных инструментов для форматирования
- Просмотр и редактирование HTML-кода
- Требуются визуальные преображения, т.к. по умолчанию визуально выглядит не очень хорошо.
- Работает на всех современных браузерах
- MIT лицензией.
Markitup
Официальный сайт: http://markitup.jaysalvat.com/home/
markItUp! это плагин JavaScript построен на JQuery библиотеки. Она позволяет превратить любой текст в разметки. Html, Textile, Wiki синтаксиса, Markdown, BBcode или даже в свои собственные разметки могут быть легко преобразованы.
- Требуется JQuery
- Легкий 6.5Kb
- Поддержка динамических AJAX предварительного просмотра
- Настраиваемые скины
- Поддержка горячих клавиш
- Полностью настраиваемый и сценариев
- Редактора функции можно вызывать из любого места
- Хорошая документация и множество примеров
- Просмотр и редактирование HTML / BBcode / Texttile / Вики Синтаксис кодов
- IE6-7-8, Safari 3 +, Firefox 3 +
- MIT / GPL лицензией.
CKEditor (aka FCKeditor)
Официальный сайт: http://ckeditor.com/
CKEditor это текстовый редактор, который отлично подойдет для управления контента на сайт. Этот редактор, является WYSIWYG, что означает, что редактируемый текст на нем выглядит максимально схожей с результатами того, что будет опубликовано. Редактор имеет схожести редактирования текста как у популярных офисных пакетов, таких как Microsoft Word и OpenOffice.
- Базовый и продвинутый дизайн
- Добавление флэш-контента
- Поддержка создания формы
- Большие возможности
- Проверка орфографии
- Горячие клавиши
- Контекстное меню
- Широкие возможности Javascript API, настраиваемая и расширяемая
- Большой объем разработчиком возможностей для настройки
- Интеграция с Joomla, Drupal и SharePoint
- Очень хорошо документированы и поддержка
- CKEditor был разработан, чтобы быть совместимым со всеми браузерами, которые доминируют на рынке, а именно Internet Explorer, Mozilla Firefox, Google Chrome, Safari и Opera. Он будет работать даже в печально известном Internet Explorer 6!
- GPL, LGPL и MPL открытых лицензий
jWYSIWYG
Официальный сайт jWYSIWYG: http://akzhan.github.com/jwysiwyg/
jWysiwyg является минималистичный WYSIWYG-редактором построен он как JQuery плагин. Основная концепция за этого редактора это простота и быстродействие.
- Требуется JQuery
- На панели основные инструменты форматирования текста
- Просмотр и редактирование HTML-кода
- Испытано в Safari 4, Firefox 3.5, Chrome 4.0, Internet Explorer 8.
- Двойная лицензия MIT и GPL лицензии.
WYMeditor
Сайт редатора WYMeditor: http://www.wymeditor.org/
WYMeditor является веб-WYSIWYM (Вы видите то, что вы подразумеваете) XHTML редактор (не WYSIWYG). Основная концепция WYMeditor в том, чтобы составить детальный визуальный макет документа, и сосредоточиться на его структуру и смысл, при попытке дать пользователю больше комфорта, насколько возможно (по крайней мере, WYSIWYG-редакторы).
- Создание хорошо структурированного XHTML
- Нет шрифта или форматирования текста, размеров и цветов — это WYMeditor CSS основе
- Изображения, LNK, поддержкой таблиц
- API, поддержка плагинов
- Требуется JQuery
- Просмотр и редактирование HTML-кода
- Gecko-браузеры (Firefox 2.0 +, SeaMonkey, Galeon, Epiphany, …), Microsoft Internet Explorer 6, 7 и 8, Opera 9.5 +, Safari 3.1 +, Google Chrome
- Широко используется известный проект с открытым кодом, таких как MediaWiki, Drupal, Symphony, CakePHP, CodeIgniter и многое другое.
- MIT и GPL лицензии.
Вот и подошел в окончанию мой обзор 10-ти наиболее популярных и используемых редакторов на сайте. Какой выбрать из редакторов решать только Вам. Буду рад если Вы поделитесь данной записью в социальных сетях. Благодарю! 🙂