Богатое редактирование на месте - PullRequest
3 голосов
/ 16 ноября 2010

Какое лучшее решение для поддержки:

  • богатый редактор
  • редактировать на месте
  • заполнитель
  • Сохранение HTML, удаление вредоносных программ и т. Д.

Мне бы хотелось иметь удобный и удобный интерфейс для изменения данных в профиле. Он должен поддерживать жирный, курсивный и многострочный текст и быть уверенным, что вредоносный код не может быть введен.

Я в основном ищу сторону Javascript, но если бы она шла с некоторым PHP-кодом для бэкэнда, было бы неплохо.

Ответы [ 6 ]

2 голосов
/ 16 ноября 2010

FCK Editor, который теперь CKEditor

это бесплатно.

1 голос
/ 07 декабря 2010

Я могу ошибаться (и, пожалуйста, дайте мне знать, если я есть), но я не верю, что TinyMCE и CKedit делают редактирование на месте (то есть они не используют contenteditable = "true" без создания iframe) ,

Насколько я могу сказать, только nicedit (http://nicedit.com/demos.php?demo=4) и Google Closure (http://closure -library.googlecode.com / svn / trunk / closure / goog / demos / editor / seamlessfield .html ) умеет редактировать inline.

Надеюсь, я ошибаюсь :) ура!

1 голос
/ 16 ноября 2010

Я правильно использую NicEdit , но я бы изменил на aloha-editor , редактор HTML5 WYSIWYG, если бы у меня было время.

Тем не менее, я бы не рекомендовал ни один из этих редакторов WYSIWYG, поскольку вывод html не только плохой, но и нарушает общий дизайн, вводя множество встроенных стилей, которые вы, вероятно, не ожидали.

Единственная причина, по которой я использую такой редактор, заключается в том, что клиент строго его запрашивает. Если вы все равно решите использовать этот метод, вам, вероятно, придется предварительно обработать пользовательский ввод. Если у меня есть выбор, я использую Markdown.

[РЕДАКТИРОВАТЬ: Добавлен пример] Как вы можете видеть в выводе html ниже, что вы видите не всегда, что вы получаете ...

WYSIWYG Пример: WYSIWYG example

Пример уценки: Markdown example

1 голос
/ 16 ноября 2010

Я видел несколько вариантов:

Также см. http://en.wikipedia.org/wiki/Online_rich-text_editor и http://blog.insicdesigns.com/2009/07/rounding-up-the-best-javascript-wysiwyg-and-markup-editor/

1 голос
/ 16 ноября 2010

Я использую TinyMCE (http://tinymce.moxiecode.com/). Он должен иметь большинство необходимых вам функций.

0 голосов
/ 16 ноября 2010

Я рекомендую TinyMCE .

EDIT: И @wajiw опередил меня. Хороший знак, хотя. :)

...