Ищите встроенный HTML-редактор на основе jQuery

Я только перешел на http://plugins.jquery.com/search/node/editor - много и много вариантов - и если судить по датам, многие новые предложения. Я надеюсь, кто-то может помочь мне сузить поле в соответствии с этими приоритетами...

  • Стабильность и хорошо сформированный XHTML (может возражать против некоторых из последних, если они не являются версиями с четкой записью)
  • Редактирование на месте
  • Хорошая интеграция AJAX
  • Для внутреннего/административного/CMS-использования, поэтому он может быть раздутым, поскольку он должен быть длинным, поскольку он легко реализует основы:
    • полужирный
    • Курсив
    • indents
    • списки

Нет необходимости в таблицах, но выпадающие списки, показывающие релевантные селектор CSS, будут приятными.

Спасибо.

Ответы

Ответ 1

Ограничение списка параметров: некоторые из лучших jQuery-редакторов, которые подходят, по крайней мере, для большинства ваших желаемых точек, выглядят следующим образом:

  • Jeditable - очень гибкий
  • WYMeditor - популярный с CMSes
  • uEditor - чистый и простой, но не на месте
  • IPWEditor - использует TinyMCE или FCKeditor: (

Ответ 2

Я знаю, что вы ищете текстовый редактор на основе jQuery. Но тот, который я буду предлагать, основан на прототипе. Его называют WYSIHAT, проектом с открытым исходным кодом команды 37signals. Вы можете сказать, что это основа для редакторов WYSIWYG. Почему вы это выбрали? Простая, простая настройка, хорошо сформированный XHTML и, конечно же, хорошая интеграция AJAX. У вас есть множество других текстовых редакторов, но все они легко настраиваются. Я так говорю из-за того, что у вас возникнут серьезные проблемы с изменением набора "виджета", предоставляемого редактором, по вашему вкусу. И если есть где-то плохой код, то это PITA, чтобы исправить его из-за низкого уровня кодирования разработчиком.

Поскольку вы действительно не заботитесь о громоздкости, я сомневаюсь, что использование прототипа вместе с jquery будет большой проблемой. Было бы плохой вариант использовать оба варианта, если бы не использование внутренних/административных/CMS. Но поскольку ваша главная цель - "простота", WYSIHAT приходит на помощь. Он предоставляет вам основу, на которой вы можете создать свой собственный текстовый редактор.

Источники:

37Signals: Представляем WYSIHAT. В конечном итоге лучший редактор WYSIWYG с открытым исходным кодом.

Если вы разрабатываете CMS в Ruby-on-Rails, вы можете использовать:

Двигатель WYSIHAT Rails:

http://www.80beans.com/2009/10/01/wysihat-engine/

http://github.com/80beans/wysihat-engine

Учебники WYSIHat:

Настройка WysiHAT. Учебник. Часть 1:

Настройка WysiHAT. Учебник. Часть 2:

Расширенная панель инструментов для WysiHat:

http://github.com/80beans/wysihat-advanced-toolbar

Вот документация по API:

http://josh.github.com/wysihat/wysihat/wysihat/commands.html

Кстати, файл WYSIHat js после minifying составляет всего 6kb. В 1000 раз меньше, чем TinyMCE.

Ответ 3

Это не плагин jQuery, но TinyMCE определенно стоит посмотреть и отлично играет с jQuery. У него отличное сообщество и множество плагинов. Насколько я могу судить, он отвечает всем вашим требованиям.

Ответ 4

Я просто хотел дать вам некоторую информацию об этом требовании...

Хорошо сформированный XHTML

Большинство встроенных редакторов на основе JavaScript используют "contentEditable", чтобы открыть документ для редактирования. Это зависит от браузера для создания требуемого HTML или XHTML на основе последовательности команд и на основе нажатия и ввода пользователем.

Таким образом, вы, скорее всего, увидите изменения в реализации на основе браузера - без упоминания каких-либо имен, один браузер предоставит вам все теги верхнего регистра, можно не закрыть все теги правильно и так далее. Поэтому помните, браузер, который вы используете, будет влиять на функции и выводить, если редактор использует браузер для создания (X) HTML.