WYSIWYG редакторы на jQuery

Визуальные редакторы текста написанные на Javascript значительно облегчают нашу жизнь при добавлении новых статей, постов на сайтах. Они позволяют просто и удобно форматировать текст перед публикацией. Многие из них напоминают функционалом и внешне MS Word. Сегодня я расскажу о нескольких визуальных редакторах на jQuery.

jQuery редактор markItUp!

MarkitUp jquery wysiwyg

markItUp! — это не «все-в-одном» редактор. Его преимуществами являются небольшой размер, простота настройки и встраивания в свои проекты. Он не совсем WYSIWYG-редактор, но написан на jQuery и достоин быть в этом списке благодаря:

  • быстрой и простой интеграции в любой проект;
  • поддержке горячих клавиш;
  • предпросмотру на Ajax;
  • поддержке IE7, Safari 3.1, Firefox 2, Firefox 3, в IE6 и Opera 9+ могут быть проблемы
  • размеру всего в 6.5 КБ!

Ко всему прочему, markItUp! поддерживает как html-теги, так и BB-коды.
Оф.сайт

jWYSIWYG редактор на jQuery

jWYSIWYG jquery wysiwyg

Это инлайновый редактор контента, выполненный в виде jQuery плагина, наделенный неплохими возможностями и небольшим весом — всего 7 КБ в сжатом виде! Его главная идея — быть проще, ведь не всем пользователям нужно менять цвет текста или создавать таблицы. Этот редактор позволяет делать базовые, но самые нужные вещи.
К его достоинствам можно отнести:

  • GNU GPL v2;
  • компактный и легковесный;
  • динамические предпросмотр на Ajax;
  • поддержка всех основных браузеров

Оф.сайт

Lightweight RTE

Lightweight RTE jquery wysiwyg

Предельно простой текстовый редактор на jQuery с минимумом возможностей. Его особенности таковы:

  • легковесность, всего 7 КБ в несжатом виде;
  • совместимость с большинством браузеров;
  • простота в использовании;
  • GNU GPL

Страничка jQuery редактора Lightweight RTE

Редактор на jQuery — HTMLBox

HTMLBox jquery wysiwyg

Очередной редактор текста, написанный на jQuery. Плагин может похвастаться кроссбраузерностью (протестирован в работе на Mozilla Firefox, Inrernet Explorer, Opera, Netscape и Safari) и простотой интеграции в проекты.
Коротко о достоинствах редактора:

  • легко встроить в свой код;
  • 11 КБ в сжатом виде;
  • генерация XHTML кода;
  • поддержка Ajax;
  • руководство пользователя (это немаловажно, далеко не каждый редактор может этим похвастаться)

Сайт редактора.

D Small Rich Text Editor

D Small Rich Text Editor jquery wysiwyg

Следующий по списку jQuery редактор текста.
Принципы работы этого скрипта ничем не отличаются от других подобных. Основная особенность этого редактора в обеспечении достаточного функционала для выполнения практически любых задач по работе с текстом! Такие вот громкие заявления делает автор скрипта. Итак, коротко о заявленных возможностях:

  • кроссбраузерность;
  • функциональность;
  • поддержка плагинов (плагин поддерживает плагины, на самом деле это позволяет еще больше расширить функционал редактора);
  • загрузка изображений через AJAX (использует jQuery плагин AjaxFileUpload);
    ресайз области для ввода текста;
  • очистка HTML от мусора

WYMEditor

WYMEditor jquery wysiwyg

Довольно таки интересный визуальный редактор на jQuery. А интересен он не только своим внешним видом, но и тем, что всякие изменения внешнего вида кода делаются через CSS. Коротко о достоинствах:

  • поддержка XHTML и CSS;
  • простота интеграции в приложения;
  • поддержка ссылок, изображений,таблиц;
  • поддержка скинов (CSS);
  • поддержка плагинов;
  • Open Source;
  • поддержка большинства браузеров

Imperavi WISYWIG

imperavi jquery wysiwyg

Довольно неплохой визуальный редактор на jQuery. Поддерживает все основные нужности для форматирования текста, легко встраивается. Позволяет настраивать свой набор панелей инструментов, а также добавлять новые возможности с помощью плагинов. Поддерживает большое количество языков. К сожалению, не имеет документации, что осложняет его более продвинутое, нежели просто встраивание на страницу с дефолтными настройками, использование. Этим плагином я пользовался в одном из своих проектов. Правда, пришлось немного доделать, но в целом редактором доволен.
Оф.сайт

Запись опубликована в рубрике JS & jQuery с метками , , . Добавьте в закладки постоянную ссылку.

Один комментарий: WYSIWYG редакторы на jQuery

  1. Gilbert говорит:

    Неплохой список!
    каждый хорош!
    но лично я думаю не стоит нагружать лишними плагинами
    а если и необходимо то тяжелые не стоит брать, функционал их как правило не оправдан.
    мне вот понравился jWYSIWYG
    до него пробывал markItUp! он каша хорош! тут сказать нечего, но чтото он у меня на вордперссе 3.1.2 не пошел… баг там был нехороший и сам он не работал. что очень жаль. может кто сталкивался и решил проблему? я бы не проч узнать как =)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre lang="" line="" escaped="" cssfile="">