Lecaw

Учимся создавать Web-сайты

WYSIWYG и WYSIWYM визуальные редакторы

May 24, 2013 1548hits

Если вы ищете полнофункциональный визуальный редактор - наш пост будет для Вас очень полезен. Я провел исследование существующих визуальных WYSIWYG  редакторов и выбрал лучшие из доступных решений. Термин "WYSIWYG" расшифровываться как “What You See Is What You Get”. Это система (редактор), в котором содержание (таблицы, текст, изображения и т.д.) отображается на экране в реальном времени, соответствующий внешний вид при печати или отображается в виде готового результата (как пример - веб-документ, печатная копия или даже презентация).

 

1. YUI 3

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

2. TinyMCE

TinyMCE основывается на платформе редактора HTML WYSIWYG, редактор выпущен с открытым исходным кодом под лицензией LGPL от Moxiecode Systems AB. TinyMCE имеет возможность конвертировать HTML поля или отдельные HTML элементы для редактирования текста. TinyMCE очень легко интегрируется в различные системы управления контентом.

3. WYMeditor

WYMeditor является веб-редактором WYSIWYM, XHTML редактор (не WYSIWYG).

4. NicEdit

NicEdit это редактор WYSIWYG для сайтов. Его преимущества это скорость и быстрота в освоении для пользователей. NicEdit очень простой визуальный WYSIWYG редактор, его можно легко интегрировать в любой сайт с минимальным воздействием, обеспечивая посетителям эффективные средства форматирования текста.

5. Redactor

Самый фантастический визуальный WYSIWYG редактор, который работает на jQuery.

6. CKEditor

CKEditor представляет собой визуальный редактор HTML WYSIWYG, предназначенный для упрощения работы в создании веб-контента. Это визуальный редактор, который имеет общие черты стандартного текстового редактора непосредственно на веб-страницах.

7. Aloha Editor

Этот визуальный WYSIWYG редактор создан на фреймворке Rich Text Editor, написанный на Javascript с улучшенной поддержкой XHTML5. Вы можете интегрировать его в CMS, блог, вики разметку или любой другой проект, где нужно редактировать контент при помощи веб-инструментов. Вы можете редактировать практически любой элемент DOM с огромной скоростью.

8. markItUp

markItUp! Это JavaScript плагин который построен на библиотеке JQuery. Она позволяет превратить любой текстовый редактор в визуальный, как на сайте Online бронирования домов в Европе.

9. TinyEditor

TinyEditor простой JavaScript WYSIWYG редактор, который является одновременно легким (9KB) и автономным. Его можно легко настроить для интеграции с любым сайтом через CSS и множества дополнительных настроек. Он имеет некоторые встроенные возможности для оптимизации кода.

10. SimpleHtml5Editor

SimpleHtml5Editor простой WYSIWYG редактор HTML5. Он по сути состоит из JQuery и совместимого плагина.

11. elRTE

elRTE является WYSIWYG визуальным редактором HTML с открытым кодом, написанный на JavaScript с использованием jQuery UI.

12. bootstrap-wysiwyg

Этот крошечный (5 КБ) визуальный WYSIWYG редактор работает на JQuery плагине и превращает любой DIV в WYSIWYG редактор.

 

Дополнительная информация

Влерий Аликин - веб-разработчик & дизайнер. Соучредитель и член команды Lecaw.

Эл. почта
RATTING:
(2 голосов)

Оставить комментарий