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

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

1. YUI 3

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

wysiwyg редактор

2. TinyMCE

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

tinymce wysiwyg редактор

3. WYMeditor

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

WYMeditor редактор

4. NicEdit

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

NicEdit редактор

5. Redactor

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

Redactor редактор

6. CKEditor

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

CKEditor редактор

7. Aloha Editor

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

Aloha Editor редактор

8. markItUp

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

markItUp редактор

9. TinyEditor

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

TinyEditor редактор

10. SimpleHtml5Editor

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

SimpleHtml5Editor редактор

11. elRTE

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

elRTE редактор

12. bootstrap-wysiwyg

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

bootstrap-wysiwyg редактор

 

Перевод статьи WYSIWYG and WYSIWYM Editors

Тэги: editor

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.