10 плагинов для текстового редактора jQuery, которые помогут вам получить WYSIWYG (то, что вы видите, то и получаете) на своем веб-сайте Живой текстовый редактор с поддержкой JavaScript облегчил нам жизнь, когда нам нужно редактировать статьи, размещать или даже документы в Интернете. Большинство редакторов позволяют пользователю редактировать контент сразу — WYSIWYG, это как редактирование документа в офисе Microsoft. В настоящее время, я думаю, что все системы управления контентом, системы блогов используют текстовый редактор.
Итак, вот 10 RTE, которые я могу найти в Интернете. От базовой поддержки форматирования шрифтов до расширенных функций, таких как загрузка изображений, создание таблиц, поддержка Ajax и так далее. Наслаждайтесь!
Обновление 12/06/2013: у этого поста есть лучшие: 10 лучших JQUERY и HTML5 WYSIWYG плагинов
1. MarkitUp! — JQuery
markItUp! не предназначено, чтобы быть «Полнофункциональным из коробки» -редактором. Вместо этого это очень легкий, настраиваемый и гибкий движок, созданный для удовлетворения потребностей разработчиков в их CMS, блогах, форумах или веб-сайтах. markItUp! не является редактором WYSIWYG, и никогда не будет.
Источник
2. jWYSIWYG — jQuery
Этот плагин является встроенным редактором контента, позволяющим редактировать богатый контент HTML на лету. Это альтернатива WYMeditor с гораздо меньшими возможностями. При небольшом размере файла менее 17 КБ и 26 КБ и только 9 КБ 18 КБ кода и 7 КБ в упакованном виде основная концепция заключается в том, чтобы сделать его простым: не всем пользователям нужна раскраска шрифтов или создание таблиц, только основные.
Источник
3. Легкий RTE-jQuery
> Супер легкий 7кб без сжатия
> Совместим с основными браузерами
> Изящно деградировать
> GNU General Public License
Источник
4. HTMLBox — jQuery
> Простая интеграция.
> Поддержка нескольких браузеров.
> Малый размер. Размер 15 КБ (11 КБ сведены к минимуму)
> Возможен вывод XHTML.
> Поддерживается интеграция Ajax.
> Руководство пользователя. Полное руководство пользователя, которое поможет вам на каждом этапе интеграции HtmlBox в ваше приложение и его настройки.
Источник
5. WYMEditor — jQuery
WYMeditor — это XHTML-редактор WYSIWYM (что вы видите, что вы имеете в виду). Основная концепция WYMeditor состоит в том, чтобы оставить детали визуального макета документа и сконцентрироваться на его структуре и значении, одновременно пытаясь обеспечить пользователю как можно больше комфорта (по крайней мере, в редакторах WYSIWYG).
Источник
6. TinyMCE — не jQuery
TinyMCE — это независимый от платформы веб-редактор JavaScript HTML WYSIWYG, выпущенный Moxiecode Systems AB как Open Source под LGPL. Он имеет возможность конвертировать поля HTML TEXTAREA или другие элементы HTML в экземпляры редактора. TinyMCE очень легко интегрировать в другие системы управления контентом.
Источник
7. fckeditor — не jQuery
Этот текстовый редактор HTML приносит в Интернет большую часть возможностей настольных редакторов, таких как MS Word. Это легкий и не требует какой-либо установки на клиентском компьютере.
Источник
8. Yahoo YUI Rich Text Editor — не jQuery
Rich Text Editor — это элемент управления пользовательского интерфейса, который заменяет стандартное текстовое поле HTML; он обеспечивает богатое форматирование текстового содержимого, включая общие структурные обработки, такие как списки, обработки форматирования, такие как текст, выделенный жирным шрифтом и курсивом, а также включение и изменение размеров изображений путем перетаскивания.
Источник
9. Xinha — не jQuery
Xinha (произносится как Зена, Принцесса-воин) — это мощный компонент редактора WYSIWYG HTML, который работает во всех современных браузерах. Его конфигурируемость и расширяемость позволяют легко создать правильный редактор для разных целей: от ограниченного мини-редактора для одного поля базы данных до полноценного редактора веб-сайта. Его либеральная лицензия BSD делает его идеальным кандидатом для интеграции в любой проект.
Источник
10. Rich Text Editor — jQRTE
> Отдельная логика и шаблон, легко изменить внешний вид.
> Отдельный языковой файл от редактора, удобный для интернационализации.
> Легко интегрировать и настраивать.
> Протестировано с IE6, IE7, IE8, FF3, Opera9, Safari4 и Google Chrome2.
> Бесплатно и бесплатно по лицензии MIT.
Источник