Визуальные редакторы текста написанные на Javascript значительно облегчают нашу жизнь при добавлении новых статей, постов на сайтах. Они позволяют просто и удобно форматировать текст перед публикацией. Многие из них напоминают функционалом и внешне MS Word. Сегодня я расскажу о нескольких визуальных редакторах на jQuery.
jQuery редактор markItUp!
markItUp! – это не «все-в-одном» редактор. Его преимуществами являются небольшой размер, простота настройки и встраивания в свои проекты. Он не совсем WYSIWYG-редактор, но написан на jQuery и достоин быть в этом списке благодаря:
быстрой и простой интеграции в любой проект; поддержке горячих клавиш; предпросмотру на Ajax; поддержке IE7, Safari 3.1, Firefox 2, Firefox 3, в IE6 и Opera 9+ могут быть проблемы размеру всего в 6.5 КБ!Ко всему прочему, markItUp! поддерживает как html-теги, так и BB-коды.
jWYSIWYG редактор на jQuery
Это инлайновый редактор контента, выполненный в виде jQuery плагина, наделенный неплохими возможностями и небольшим весом – всего 7 КБ в сжатом виде! Его главная идея – быть проще, ведь не всем пользователям нужно менять цвет текста или создавать таблицы. Этот редактор позволяет делать базовые, но самые нужные вещи. К его достоинствам можно отнести:
GNU GPL v2; компактный и легковесный; динамические предпросмотр на Ajax; поддержка всех основных браузеров
Lightweight RTE
Предельно простой текстовый редактор на jQuery с минимумом возможностей. Его особенности таковы:
легковесность, всего 7 КБ в несжатом виде; совместимость с большинством браузеров; простота в использовании; GNU GPL
Редактор на jQuery – HTMLBox
Очередной редактор текста, написанный на jQuery. Плагин может похвастаться кроссбраузерностью (протестирован в работе на Mozilla Firefox, Inrernet Explorer, Opera, Netscape и Safari) и простотой интеграции в проекты. Коротко о достоинствах редактора:
легко встроить в свой код; 11 КБ в сжатом виде; генерация XHTML кода; поддержка Ajax; руководство пользователя (это немаловажно, далеко не каждый редактор может этим похвастаться)
D Small Rich Text Editor
Следующий по списку jQuery редактор текста. Принципы работы этого скрипта ничем не отличаются от других подобных. Основная особенность этого редактора в обеспечении достаточного функционала для выполнения практически любых задач по работе с текстом! Такие вот громкие заявления делает автор скрипта. Итак, коротко о заявленных возможностях:
кроссбраузерность; функциональность; поддержка плагинов (плагин поддерживает плагины, на самом деле это позволяет еще больше расширить функционал редактора); загрузка изображений через AJAX (использует jQuery плагин AjaxFileUpload); ресайз области для ввода текста; очистка HTML от мусораWYMEditor
Довольно таки интересный визуальный редактор на jQuery. А интересен он не только своим внешним видом, но и тем, что всякие изменения внешнего вида кода делаются через CSS. Коротко о достоинствах:
поддержка XHTML и CSS; простота интеграции в приложения; поддержка ссылок, изображений,таблиц; поддержка скинов (CSS); поддержка плагинов; Open Source; поддержка большинства браузеровImperavi WISYWIG
Довольно неплохой визуальный редактор на jQuery. Поддерживает все основные нужности для форматирования текста, легко встраивается. Позволяет настраивать свой набор панелей инструментов, а также добавлять новые возможности с помощью плагинов. Поддерживает большое количество языков. К сожалению, не имеет документации, что осложняет его более продвинутое, нежели просто встраивание на страницу с дефолтными настройками, использование. Этим плагином я пользовался в одном из своих проектов. Правда, пришлось немного доделать, но в целом редактором доволен.
Вот вообщемто список удобных редакторов которые можно быстро вставить в свои компоненты joomla.