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

Question

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

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

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

Спасибо.

Answer 1

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

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

Источники:

37 Сигналы: Представляем 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 после минимизации составляет всего 6 КБ. В 1000 раз меньше, чем у TinyMCE.

Answer 2

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

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

Answer 3

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

Answer 4

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

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

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

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