Обзор WYISWYG редакторов

Текстовые редакторы и редакторы WYISWYG, кстати эта аббревиатура расшифровывается — What You See Is What You Get (что видишь то и получаешь) широкое применение получили в системах управления контента или попросту CMS. Всякие разные WYISWYG редакторы установлены в Drupal и Joomla, WordPress и LiveJournal. Существует большое количество редакторов которые имеют свои особенности и нюансы.

Обзор WYISWYG редакторов

Я выбрал 10 наиболее обновляемых и функциональных WYISWYG редакторов и сделал краткое описание каждое по каждому из них. Информацию, которую я подобрал для каждого из редакторов поможет вам сэкономить время при выборе того или иного редактора для вашего сайта.

TinyMCE

WYSIWYG редактор 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

Редактор Mercury

Официальная страница: http://jejacks0n.github.com/mercury/

Редактор Mercury является полнофункциональным HTML 5 редактор. Он был создан с нуля, чтобы Вы могли получить максимальное удовольствие от редактирования содержимого сайта.

  • Требует использование JQuery
  • Предварительный просмотр, ссылки и мультимедийные инструменты
  • Drag and drop загрузка изображений
  • Расширенное редактирование таблиц
  • Фрагменты и пользовательских редактируемых областей в одну страницу.
  • Другие основные инструменты форматирования текста
  • Просмотр и редактирование HTML-кода
  • Легко локализовать ее на разные языки
  • Поддержка браузеров с contentEditable спецификации. Firefox 4 +, Chrome 10 +, Safari 5 +
  • MIT лицензией.

CLEditor

Редактор 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

elRTE

Официальная страница редактора: 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

TinyEditor

Официальный сайт: http://www.scriptiny.com/2010/02/javascript-wysiwyg-editor/

TinyEditor — это простой JavaScript WYSIWYG редактор, который имеет размер всего 8 Кбайт. Эго можно легко настроить для интеграции с любом веб-сайтом через CSS и множество других параметров.

  • Автономные JavaScript скрипты
  • Легкий, 8KB
  • Панель имеет большинство основных инструментов редактирования
  • Просмотр и редактирование HTML-кода
  • Работает во всех современных браузерах
  • Creative Commons License.

MooEditable

Редактор MooEditable

Официальный сайт MooEditable: http://cheeaun.github.com/mooeditable/

MooEditable это плагин MooTools, что мгновенно преобразует текстовую поля в редактор WYSIWYG.

  • Требует MooTool фреймворк
  • Позволяет создавать пользовательские сборки с MooEditable Builder
  • Панель инструментов имеет большинство основных инструментов для форматирования
  • Просмотр и редактирование HTML-кода
  • Требуются визуальные преображения, т.к. по умолчанию визуально выглядит не очень хорошо.
  • Работает на всех современных браузерах
  • MIT лицензией.

Markitup

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)

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

Официальный сайт 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

Сайт редатора 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-ти наиболее популярных и используемых редакторов на сайте. Какой выбрать из редакторов решать только Вам. Буду рад если Вы поделитесь данной записью в социальных сетях. Благодарю! 🙂

Добавить комментарий

имя:

e-mail:

сайт:

текст:

Subscribe without commenting