Сравнение визуальных редакторов для Drupal

Главные вкладки

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 21 сентября 2007 в 0:02

Забью-ка я тему в погоне за рейтингом. Smile
Хочу провести сравнительный анализ WYSIWYG-редакторов для Drupal. Тема выбора редактора поднималась неоднократно, но как-то была нераскрыта. Smile Хотя были даже сравнительные таблицы...

Начнем с перечисления кандидатов на сравнение (набралось аж 12 штук). Насколько можно судить по обсуждениям на форуме, чаще всего используют FCKeditor, TinyMCE и "почти-визивиг" BUeditor.

Но есть и модули для подключения более экзотических редакторов: Htmlarea, Whizzywig, widgEditor, WYMeditor и даже мощный YUI Rich Text Editor от Yahoo!. Они собраны на странице http://drupal.org/project/Modules/category/63

Upd1: Вспомнил, что есть WYSIWYGNow . Я его описывал вкратце - http://forum.drupal.ru/node/4809 (мда, надо перечитывать собственный блог иногда :). Поскольку на офсайте файл было трудно найти - вот он.

Upd2: Появился модуль для интеграции визивиг-редактора XStandard.

Upd3: Есть еще модуль Quicktags. Это не совсем "визивиг", он просто позволяет добавлять к textarea кнопки для вставки любых тегов (или произвольных вставок). Т.е. примерно тот же способ, что и у BUEditor'а.

Upd4: Анонсирован модуль для интеграции компактного визивиг-редактора nicEdit. А тут можно скачать русский перевод для него.

Upd5: Появился модуль для интеграции редактора WysiwygPro. Вот демо этого редактора.

Upd6: Некто Oleg Terenchuk (litwol на drupal.org) из США открыл проект Dumb Text Editor, где он собирается размещать результаты своих исследований виз.редакторов для Drupal.

Upd7: TJ Holowaychuk из Канады тоже открыл проект Editor-The Drupal WYSIWYG, прототип виз.редактора для Drupal.

Upd8: Обнаружил модуль для Drupal6, который интегрирует edit-on Pro WYSIWYG Editor. Вечер перестает быть томным... Smile

Другие варианты:
Если размещением материалов будет заниматься только один человек или пара-тройка редакторов, то можно попробовать и вариант с дополнениями для FF - Xinha или ScribeFire (бывший Performancing).

Еще есть вариант публиковать материалы через внешние программы для блоггеров типа Windows Live Writer, Post2Blog или BlogJet. Можно таже использовать Google Docs в качестве визивиг-редактора для публикации материалов на drupal-сайтах. Тоже вариант. Особенно, если вы используете Google Apps на своем домене, как это сделал я.

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

Комментарии

Аватар пользователя jason32 jason32 21 сентября 2007 в 0:40

TinYMCE - везде работает, в отличии от FCKEditor. Bueditor для лёгких сайтов ништяк, но что-то типа IMCE не хватает. Вообще, я бы голосовалку прикрутил, на все 8 пунктов....

Аватар пользователя worona worona 21 сентября 2007 в 1:09

Добрый!
На мой вкус - BUEditor с ВВ
Легко, компактно, и возможность прикрутить дополнительные кнопки.
Правда использую без IMCE

Аватар пользователя GogA GogA 21 сентября 2007 в 4:50

Использую BUEditor Smile По моему самый компактный
И тоже без IMCE.

Вадим, извини, не успел занять место первого комментария, чтобы редактируя его комментировать написанную часть сравнения Smile
Буду это делать на этом месте!

Аватар пользователя bodro bodro 21 сентября 2007 в 9:49

TinyMCE нравится, но...

  1. он не подхватывает стили которые на странице
  2. коверкает html код, т.е. ставим отображать исходный код и вводим <style type="text/css" media="all">[user=import]import[/user] "/modules/booktree/booktree.css";</style>, жмем ок, снова смотрим исходный код и видим [user=import]import[/user] &quot;/modules/booktree/booktree.css&quot;;...

может это я не разобрался в настройках?

просмотрел представленные редакторы и выбрал Whizzywig (судил по демке - http://www.unverse.net/wysiwyg-pic.html), но лишен недостатков TinyMCE и по функциям все что надо есть, его уже кто-то использовал?

Аватар пользователя Ainur Ainur 21 сентября 2007 в 17:55

bodro, TinyMCE может взять полностью стили темы, или любой созданный вами стиль (что имеет смысл, т.к. не все что идет в style.css темы нужно для работы с текстом).
А по поводу второго пункта нужно мне уточнить, ни разу не пытался подключить стиль через body в node.

Аватар пользователя Ainur Ainur 21 сентября 2007 в 17:52

Давно установил на «Италии по-русски» htmlarea, довольно гибкий контроль через админку.
Сейчас хочу сменить на TinYMCE, htmlarea не работает в Opera (или может версию обновить нужно) + есть некоторые глюки.
Xinha – это htmlarea интегрированная в виде плагина в FF.

Аватар пользователя Shelendor Shelendor 21 сентября 2007 в 15:41

Xinha в своё время очень подвешивала FF, снёс.
TinyMCE - тяжёлый, а главное оставляет очень засранный код.
Htmlarea - ставил, глючило. Обсуждалось здесь: http://drupal.ru/node/5908
Теперь пользую BUeditor+IMCE, но функционала сильно не хватает...

Аватар пользователя Ainur Ainur 21 сентября 2007 в 17:50

Shelendor, учитывая сравнение вами xina и htmlarea (htmlarea – это модуль друпала, который зменяет на WYSIWYG редактор Xinha, а Xinha для FF, это плагин, который может заменить лобоую выбранную вами textarea на визуальный редактор.), я бы подставил под вопрос ваше высказывание о тяжести и плохом коде TinyMCE Wink

Аватар пользователя Shelendor Shelendor 21 сентября 2007 в 19:15

а где вы увидели сравнение? и то, и другое упоминается у Вадима в сообщении, поэтому я откомментировал их, т.к. пробовал использовать. А ставить под сомнение можете всё, что вам заблагорассудится. Только для начала желательно вникнуть в суть написанного, а не искать между строк то, чего там никогда не было.

Аватар пользователя bodro bodro 21 сентября 2007 в 18:57

>> А по поводу второго пункта нужно мне уточнить, ни разу не пытался подключить стиль через body в node.

необязательно стиль, он коверкает все теги которые в нем не прописаны

Аватар пользователя bodro bodro 21 сентября 2007 в 20:35

Ainur, логично это или нет, но мне это мешает, была с проблема когда при редактировании ранее созданных нод TinyMCE портил форматирование

Аватар пользователя Ainur Ainur 22 сентября 2007 в 3:48

логично это или нет, но мне это мешает, была с проблема когда при редактировании ранее созданных нод TinyMCE портил форматирование

В таком случае, в настройках редактора делаем Verify HTML: false Wink

Аватар пользователя edhel edhel 21 сентября 2007 в 22:07

Почитал отзывы и сначала остановился на tinymce. Но у меня tinyMCE начал подглючивать при редактировании нод: не разворачивались некоторые блоки (типа "меню", "публикация", "путь" и т.п.). Какой-то конфликт javascript-а видать... Поэтому пришлось перейти на fckeditor. Работает, особых проблем нет.

Аватар пользователя Libra Libra 21 сентября 2007 в 22:37

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

В начале я тоже всегда использовал TinyMCE (по отзывам и рекомендациям), но когда вышел 5-й Друпал и появилась замечательная тема Garland - начались проблемы. Мало того, что при редактировании материала постоянно что-то пыталось "уехать" в сторону (это поборол), так еще и всплывающему меню редактора "сносило башню" (так и не поборол). Ну и до всего прочего - локализация у меня так никогда и не работала полностью...

Решил побробовать что-то другое - наткнулся на модуль FCKeditor для Друпала - поставил, попробовал и ... больше ничего другого даже не смотел.
Все работает именно так, как ожидаешь. Конфигурирование может не такое удобное, как TinyMCE, но один раз сделал и забыл . Русификация работает без всяких проблем, причем локализовано ВСЕ. Есть конечно и минусы - не работает в Opera (для кого-то может оказаться критичным).

Вообщем если у кого есть сомнения насчет TinyMCE , можете смело попробовать FCKeditor.

Аватар пользователя foxweb foxweb 7 ноября 2007 в 17:51

До меня доходили удивительные слухи о том, что FCKEditor всё же работал под Оперой. Сдавал один сайт с админкой, учил удалённо с ним работать юзера. Я ему - только не в Опере, а она мне - у меня всё работает! Второй раз - когда работал в веб-студии, с напарником как то получилось так, что заработало...

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 22 сентября 2007 в 9:02

Сам не пробовал, но по ссылке, которую выше дал PVasilii, пишут, что можно кое-что подкрутить, чтобы FCKeditor работал в Opere.
fckeditor.js кдасс FCKeditor, свойство this.EnableOpera установить в true. Серверный скрипты тоже надо править -- убирать проверки на валидный браузер. Сейчас не скажу где, но правится это "на раз"

Аватар пользователя jason32 jason32 22 сентября 2007 в 21:00

А кроме TinyMCE есть виз. редактор, работающий во ВСЕХ основных браузерах?
Bueditor и Whizzywig, последний в демке пробовал, в Опере работает

Аватар пользователя nilard@drupal.org nilard@drupal.org 24 сентября 2007 в 8:46

Я использую TinyMCE на тех сайтах, где размещать материалы буду не я. В этом случае пользователи обычно копируют текст из Word и вставляют в поле редактирования, поэтому необходим мощный инструмент по очисте вордовского мусора. В TinyMCE для этого есть кнопочка Paste from Word (Вставить из Ворда). Ей можно пользоваться и при вставке HTML-форматированного текста, например скопированного с другой страницы.

Минусы TinyMCE для меня в следующем:

  • Все кавычки-дюймы ("), которые используют обычные пользователи, оно заменяет на &quot; Поэтому перестает работать типографер, который автоматически расставляет кавычки-елочки.
  • При работе с таблицами нельзя заменить td на th сразу для нескольких ячеек, вообще выделить из таблицы заголовок для пользователей большая проблема.
  • Пытался настроить его на совместную работу с Texy! — ничего не получилось. Пришлось переносить контент, благо его было не очень много.

Если размещением материалов занимаюсь я сам, то использую легкий язык разметки + настроенный под него BUEditor. Однако попытка подсадить на него сторонних пользователей (в лице девочек-менеджеров фирмы-заказчика) оказалась крайне неудачной, пришлось от этого способа отказаться и поставить им TinyMCE. Сам раньше использовал Texy с собственноручно доработанным модулем типографики, однако отсутствие англоязычной поддержки сказалось очень негативно на моем отношении к этой системе. Сейчас смотрю в сторону Textile, хотя синтаксис у него не такой прозрачный. Скорее всего, придется вообще от таких языков отказаться.

В последнем проекте использую BUEditor и простой HTML, для простой верстки мне это удобно, однако сторонние пользователи опять же вряд ли поймут, поэтому, если понадобится, поставлю им TinyMCE. Плюс такого подхода в том, что не возникнет конфликтов между языком разметки и редактором, минус — сложную верстку будет трудно ковырять.

Также сейчас посмотрел демку Whizzywig, очень даже понравилось, буду пробовать как замену TinyMCE.

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 3 октября 2007 в 22:51

Статья (eng.) об использовании Google Docs в качестве визивиг-редактора для публикации материалов на drupal-сайтах., практически в качестве программы для блоггинга (типа WLW или BlogJet).

Суть - настройте параметры публикации в Google Docs по такому образцу:

Тоже вариант. Особенно, если вы используете Google Apps на своем домене, как это сделал я.

Аватар пользователя ursus ursus 10 октября 2007 в 14:15

Там предлагают ковырять файл fckeditor.js
А как его корректно отредактировать - хз Sad

А вообще-то на форуме FCKeditor'a есть некий умник akapanamajack, который всем советует You might want to use http://tinymce.moxiecode.com/ TinyMCE instead of FCKeditor. It supports the same browsers plus Opera.
Козел

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 11 октября 2007 в 13:16

В начальном сообщении я упоминал сравнительную таблицу редакторов. Вот одна из таких таблиц (там есть еще ссылка на обзорную статью) - http://www.standards-schmandards.com/exhibits/wysiwyg/2007/wysiwyg.htm.
Off: домен прикольный, правда? Smile

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 17 ноября 2007 в 18:58

Появился модуль для интеграции визвиг -редактора XStandard.
Сам не пробовал, но по картинке судя, все стандартные визвиг-возможности присутствуют. Есть вставка картинок и таблиц, чистка уwordливого HTML (правда, только в Pro-версии), русский интерфейс и разное прочее, что описано на странице списка возможностей.

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 21 ноября 2007 в 9:16

Есть еще модуль Quicktags. Это не совсем "визивиг", он просто позволяет добавлять к textarea кнопки для вставки любых тегов (или произвольных вставок). Т.е. примерно тот же способ, что и у BUEditor'а.

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 22 декабря 2007 в 19:34

Легкий - да, но пока есть глюки. Начать с того, что при инсталляции выясняется, что автор модуля забыл поставить закрывающие скобки аж в 6-ти строках nicedit.install (113-120). Smile

Аватар пользователя Сетегном@setegnom.com Сетегном@setegn... 22 декабря 2007 в 20:29

Короче работа кипит, в CVS правки по минутам вносятся, а у меня в этом файле 17 строк всего.

Автор забыл наверное из-за того, что очень хочет хороший модуль сделать как можно скорее, это радует Smile

Аватар пользователя selestasvz selestasvz 26 января 2008 в 19:04

Скажите, а как русифицировать nicedit ?
Там прилагается только js файл. И что с ним делать ?

Расскажите пошагово, пожалуйста.

Аватар пользователя Makdir Makdir 6 января 2008 в 18:08

Те же редакторы (TinyMCE, FCKEditor и пр.) в Joomla работают иначе, нежели тут. В чем дело: в некорректной интеграции или особенностях Друпала. Сам в Друпале, пока новичок. Столкнулся с другой проблемой - в окне редактора вставленный с другой html страницы текст отформатирован правильно, после сохранения большая часть форматирования исчезает вроде её и не было (даже переводы строки пропадают, неговоря за стили). Если же включу редактирование - опять все хорошо. Независимо от редактора. Что это? (Drupal 6.0 - RC1)

P.S.: Что слышно про BUEditor для Drupal 6 ?

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 6 января 2008 в 18:48

У вас включен формат ввода "Filter HTML", который фильтрует небезопасные html-теги. Включите Full HTML или добавьте в настройки Filtered HTML допустимые теги.

Аватар пользователя Makdir Makdir 7 января 2008 в 0:41

Было такое подозрение :), но мне показалось что редакторы включают Filter HTML. Похоже, что у FCKEditor на Firefox 2.0.0.11 именно на строчке

 oFCK_1.ToolbarSet = 'DrupalFiltered';

вылетает сообщение "Панель DrupalFiltered не существует". Из-за чего под лисой его использовать и не могу. Других мощных редакторов под Drupal 6.0 пока не встречал (XStandard не в счет, т.к. плагин к браузеру и создает лишние условия к пользованию сайтом).

P.S.: включил Full HTML - помогло, спасибо.

Аватар пользователя Pilat Pilat 17 февраля 2008 в 16:53

Вот что мне очень хочется получить: чтобы по умолчанию стоял какой-то простой редактор, типа BUeditor, а при острой необходимости, нажатием кнопки, он заменялся на FCKEditor. Как это сделать? Не будет ли между ними конфликтов?

Аватар пользователя Ilja Ilja 18 февраля 2008 в 1:29

добавил на сайт несколько сотен нод с полями CCK, затем, во время просмотра, заметил, что те поля которые не были заполнены все равно выводятся!

глянул исходный код страницы и в пустых полях обнаружил тег параграфа </p>.
как сделать что бы он автоматом не ставился в пустых текстовых формах?

на сайте по умолчанию стоит фильтр BBCode (редактор Bueditor).

Аватар пользователя Ilja Ilja 18 февраля 2008 в 23:25

в настройках фильтра BBCode есть опция "Smart paragraph and line breaks" установил значение "Line breaks only", но после нажатия "сохранить" настройки ставятся по умолчанию.

В чем может быть дело?, на локалке такого не наблюдалось

Аватар пользователя edhel edhel 19 февраля 2008 в 15:00

Появился модуль для интеграции редактора WysiwygPro. Вот демо этого редактора.

У меня уже слюнки потекли и пошел было тестить его на свой сайт, а он редиско платный...

Аватар пользователя Pilat Pilat 26 февраля 2008 в 17:26

Вышла бета-версия FCKeditor 2.6, попробовал - наконец стало возможно им пользоваться, заметно шустрее работает. popup'ы заменили на обычные JavaScript плавающие окошки, какие-то оптимизации для CSS... Есть смысл поставить его вместо 2.5.1 и тестировать.

Аватар пользователя chewie chewie 21 марта 2008 в 13:55

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

Аватар пользователя J. Bravo J. Bravo 25 марта 2008 в 13:57

А получалось у кого-то прикрутить к WYSIWYG-редактору подсветку синтаксиса? Например, GeShiFilter?

У меня при попытке использовать его с FCKEditor возникли определенные проблемы. В блоках с подсветкой Geshi отображает все теги, добавленные FCKEditor. Если убираю теги вручную, то в дальнейшем возникают проблемы при редактировании, так как в таком тексте начисто отсутствуют переносы строк. Может с другими редакторами Geshi работает нормально? Или что-то не так настроено?

Аватар пользователя edhel edhel 25 марта 2008 в 16:27

А получалось у кого-то прикрутить к WYSIWYG-редактору подсветку синтаксиса? Например, GeShiFilter?

Я пытался чисто подсветку синтаксиса сделать: http://drupal.ru/node/4844

Но в реальности использовать не удалось из-за мелких косяков (уже не помню каких).

Аватар пользователя kiev1 kiev1 26 марта 2008 в 7:34

у меня с визуальными редакторами проблема - пробовал и tinymce и fckeditor - везде один и тот же глюк - не могу покрасить ссылку в другой цвет - редакторы вставляют font-color перед ссылкой и ссылка отображается стандартным стилем для ссылки - подскажите что делать что бы fckeditor вставлял цвет ссылки font-color после тега "a" ?

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 26 марта 2008 в 22:36

В FCKeditor в окошке для ввода параметров ссылки есть закладка "Расширенный". Там можно ввести либо класс CSS (если заранее его сделать для крашенных ссылок), либо стиль CSS (что-нибудь вроде style="color: red;").

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 28 марта 2008 в 22:03

На Хабрахабр увидел описание редактора markitUp!
markItUp! это "легкий" редактор для jQuery. Это не WYSIWYG редактор и никогда им не будет. Вся "соль" этого редактора в том, что можно настроить его для использования с любыми средствами подсветки. BBCode, Markdown, Wiki синтаксис, Textile и конечно же HTML.
Вот сайт с примерами использования этого редактора.

По своей простоте и гибкости настройки он чем-то напоминает BUeditor. Модуля для Drupal для markitUp нет, но мне почему-то кажется, что сделать его несложно. Smile

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 11 апреля 2008 в 10:14

Да, спасибо, интересная табличка. Автор даже прогнал редакторы через два теста - на валидность HTML и на работу с модулем coder. По его данным, например, tinyMCE оба теста провалил... Smile

Аватар пользователя Гость Гость (не проверено) 23 мая 2008 в 9:42

Настраиваю сайт установил Image picker, но как выяснилось с ним работает только BUEditor (юзал на браузере Firefox) меня он вполне утсраивает, но у версия урезанная Smile всего 9 кнопок, хотелось бы такую как на вашем сайте, подскажите плиз, где можно скачать, зарание благодарен. И ищо, ставил yui с ним у меня не работает Image picker, а без него очень туго... Знакомство с друпалом это у меня 3 день не судите строго ).

Аватар пользователя Гость Гость (не проверено) 23 мая 2008 в 9:56

Поставил BUEditor (у меня друпал 5,5 браузер фаерфокс) версия урезанная всего 9 кнопок, хотелось бы как у вас на сайте. Ставил yui очень обидно что с ним не работает image-picker. Может кто то поделится как и что настроил ? А то походу все жмутся кому то что то рассказать толково )) может мне канешно показалось... Пользуюсь друпалом 3 день, раскопать что то очень трудно... А сам движ походу норма...

Аватар пользователя kladmax kladmax 23 мая 2008 в 10:18

Использую BUEditor хотелось узнать что такое IMCE. BUEditor урезанный 9 кнопок, хотелось бы как у вас на сайте. Установил image-picker, как оказалось с ним работает лишь BUEditor ( у меня друпал 5,5 браузер лиса). Поделитесь опытом как у кого что натроено, только в деталях как настраивали.

Аватар пользователя kladmax kladmax 23 мая 2008 в 10:32

Знаете что, сделайте что бы после добавления комментария, показывался последний коммент. Я только на 3 комменте додумался клацнуть на последнюю страницу... (сказался день рождения начальницы).

Аватар пользователя exay exay 25 мая 2008 в 23:22

Скажите мне пожалуста, какой редактор юзать, чтоб была возможность в материал вставлять изображения прямо с компа?

Аватар пользователя exay exay 26 мая 2008 в 12:10

Почитал сделал и не работает...а по русски нигде нет...чтоб понятно было... Для joomla в FCKEditor -это уже сразу всё стоит

Аватар пользователя saken saken 3 июня 2008 в 5:12

здравствуйте. скажите пожалуйста от чего может зависеть "потеря" форматирования в материалах: от используемого редактора, темы или может источника материала? просто некоторые материалы сразу теряют форматирование, начинаешь плясать с бубном, смотришь - текст не весь влез. да, как лучше добавлять в текст таблицы?

Аватар пользователя Zen Zen 12 июня 2008 в 2:36

Подскажите пожалуйста где взять кнопки как у вас на сайте для версии друпала 5.7 и последней версии BUEDITOR ?

Аватар пользователя vadbars@drupal.org vadbars@drupal.org 15 декабря 2008 в 17:18

Полезные статьи на Хабре про FCKeditor:

Доработка состояла в следующем:

  1. Русифицирован интерфейс.
  2. При добавлении папок с русскими именами и закачке файлов с русскими именами производится их транслитерация.
  3. У папок пишется их размер.
  4. Можно удалять файлы и папки.
Аватар пользователя bodro bodro 10 ноября 2015 в 11:45

"Pozniy" wrote:
По ходу, если у кого завалялся этот модуль (желательно версией посвежее) поделитесь плиз.

Аватар пользователя Yas Yas 23 января 2009 в 19:18

узнал из этого поста про BUeditor. буду однозначно его ставить теперь. до этого ставил TinyMCE, но он у меня с drupal6 глючил неимоверно. еще недавно присматривался к FCKeditor и собирался его ставить. но всё же больше понравился BUeditor. жаль только, что ctrl+b, ctrl+i не работает (по крайней мере в демке).

ксати как я понял на drupal.ru тоже используется BUeditor? )

Аватар пользователя sershag sershag 28 декабря 2009 в 15:58

Я использую FCKeditor и остаюсь умеренно доволен результатами его работы. Несколько раз пытался приспособить TinyMCE, но всегда расстроенный, с чувством приниженности и неудовлетворения возвращался к FCKeditor. Когда работаю со скриптами, то использую BUEditor. Всем привет.

Аватар пользователя oxxx oxxx 21 мая 2012 в 18:21

Какой редактор используется здесь для вставки комментов?
"Стандартный"? (я Друпал ещё не устанавливал, и не знаю, что там внутри....)
Примерно такой нужен (даже ещё прощще), но со спойлерами и якорями.