Статьи

10+ плагинов для текстового редактора jQuery

10 плагинов для текстового редактора jQuery, которые помогут вам получить WYSIWYG (то, что вы видите, то и получаете) на своем веб-сайте Живой текстовый редактор с поддержкой JavaScript облегчил нам жизнь, когда нам нужно редактировать статьи, размещать или даже документы в Интернете. Большинство редакторов позволяют пользователю редактировать контент сразу — WYSIWYG, это как редактирование документа в офисе Microsoft. В настоящее время, я думаю, что все системы управления контентом, системы блогов используют текстовый редактор.

Итак, вот 10 RTE, которые я могу найти в Интернете. От базовой поддержки форматирования шрифтов до расширенных функций, таких как загрузка изображений, создание таблиц, поддержка Ajax и так далее. Наслаждайтесь!

Обновление 12/06/2013: у этого поста есть лучшие: 10 лучших JQUERY и HTML5 WYSIWYG плагинов

1. MarkitUp! — JQuery

markItUp! не предназначено, чтобы быть «Полнофункциональным из коробки» -редактором. Вместо этого это очень легкий, настраиваемый и гибкий движок, созданный для удовлетворения потребностей разработчиков в их CMS, блогах, форумах или веб-сайтах. markItUp! не является редактором WYSIWYG, и никогда не будет.
MarkitUp --- jQuery.jpg
Источник

2. jWYSIWYG — jQuery

Этот плагин является встроенным редактором контента, позволяющим редактировать богатый контент HTML на лету. Это альтернатива WYMeditor с гораздо меньшими возможностями. При небольшом размере файла менее 17 КБ и 26 КБ и только 9 КБ 18 КБ кода и 7 КБ в упакованном виде основная концепция заключается в том, чтобы сделать его простым: не всем пользователям нужна раскраска шрифтов или создание таблиц, только основные.
jWYSIWYG --- jQuery.jpg
Источник

3. Легкий RTE-jQuery

> Супер легкий 7кб без сжатия
> Совместим с основными браузерами
> Изящно деградировать
> GNU General Public License
Легкий-RTE-jQuery.jpg
Источник

4. HTMLBox — jQuery

> Простая интеграция.
> Поддержка нескольких браузеров.
> Малый размер. Размер 15 КБ (11 КБ сведены к минимуму)
> Возможен вывод XHTML.
> Поддерживается интеграция Ajax.
> Руководство пользователя. Полное руководство пользователя, которое поможет вам на каждом этапе интеграции HtmlBox в ваше приложение и его настройки.
HTMLBox --- jQuery.jpg
Источник


5. WYMEditor — jQuery

WYMeditor — это XHTML-редактор WYSIWYM (что вы видите, что вы имеете в виду). Основная концепция WYMeditor состоит в том, чтобы оставить детали визуального макета документа и сконцентрироваться на его структуре и значении, одновременно пытаясь обеспечить пользователю как можно больше комфорта (по крайней мере, в редакторах WYSIWYG).
WYMEditor-jQuery.jpg
Источник

6. TinyMCE — не jQuery

TinyMCE — это независимый от платформы веб-редактор JavaScript HTML WYSIWYG, выпущенный Moxiecode Systems AB как Open Source под LGPL. Он имеет возможность конвертировать поля HTML TEXTAREA или другие элементы HTML в экземпляры редактора. TinyMCE очень легко интегрировать в другие системы управления контентом.
TinyMCE-нон-jQuery.jpg
Источник

7. fckeditor — не jQuery

Этот текстовый редактор HTML приносит в Интернет большую часть возможностей настольных редакторов, таких как MS Word. Это легкий и не требует какой-либо установки на клиентском компьютере.
FCKeditor-Non-jQuery.jpg
Источник

8. Yahoo YUI Rich Text Editor — не jQuery

Rich Text Editor — это элемент управления пользовательского интерфейса, который заменяет стандартное текстовое поле HTML; он обеспечивает богатое форматирование текстового содержимого, включая общие структурные обработки, такие как списки, обработки форматирования, такие как текст, выделенный жирным шрифтом и курсивом, а также включение и изменение размеров изображений путем перетаскивания.
Yahoo-YUI-Rich-Text-Editor-Non-JQuery-.jpg
Источник

9. Xinha — не jQuery

Xinha (произносится как Зена, Принцесса-воин) — это мощный компонент редактора WYSIWYG HTML, который работает во всех современных браузерах. Его конфигурируемость и расширяемость позволяют легко создать правильный редактор для разных целей: от ограниченного мини-редактора для одного поля базы данных до полноценного редактора веб-сайта. Его либеральная лицензия BSD делает его идеальным кандидатом для интеграции в любой проект.
Xinha-Non-jQuery.jpg
Источник

10. Rich Text Editor — jQRTE

> Отдельная логика и шаблон, легко изменить внешний вид.
> Отдельный языковой файл от редактора, удобный для интернационализации.
> Легко интегрировать и настраивать.
> Протестировано с IE6, IE7, IE8, FF3, Opera9, Safari4 и Google Chrome2.
> Бесплатно и бесплатно по лицензии MIT.
Rich-Text-Editor --- jQRTE.jpg
Источник

11. Какой-то русский WYSISYG

12. CLEditor WYSISYG