21 сентября 2007 в 0:02
Забью-ка я тему в погоне за рейтингом. 
Хочу провести сравнительный анализ WYSIWYG-редакторов для Drupal. Тема выбора редактора поднималась неоднократно, но как-то была нераскрыта. Хотя были даже сравнительные таблицы...
Начнем с перечисления кандидатов на сравнение (набралось аж 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. Вечер перестает быть томным...
Другие варианты:
Если размещением материалов будет заниматься только один человек или пара-тройка редакторов, то можно попробовать и вариант с дополнениями для FF - Xinha или ScribeFire (бывший Performancing).
Еще есть вариант публиковать материалы через внешние программы для блоггеров типа Windows Live Writer, Post2Blog или BlogJet. Можно таже использовать Google Docs в качестве визивиг-редактора для публикации материалов на drupal-сайтах. Тоже вариант. Особенно, если вы используете Google Apps на своем домене, как это сделал я.
Начальное сообщение буду исправлять и дополнять, но пока можно уже высказывать мнения о сильных и слабых сторонах разных редакторов.
Комментарии
TinYMCE - везде работает, в отличии от FCKEditor. Bueditor для лёгких сайтов ништяк, но что-то типа IMCE не хватает. Вообще, я бы голосовалку прикрутил, на все 8 пунктов....
Думаю, толку от голосовалки будет мало. Опять холиwar только. Хватит с нас битриксоидов
Пока только BUEditor юзал. Интересно посмотреть на другие. +1
Добрый!
На мой вкус - BUEditor с ВВ
Легко, компактно, и возможность прикрутить дополнительные кнопки.
Правда использую без IMCE
Использую BUEditor
По моему самый компактный
И тоже без IMCE.
Вадим, извини, не успел занять место первого комментария, чтобы редактируя его комментировать написанную часть сравнения
Буду это делать на этом месте!
Да йа тож BUEditor использую, но вот чего-то решил попробовать побаловаться с Yahoo. Посмотрю что из этого выйдет.
TinyMCE нравится, но...
<style type="text/css" media="all">[user=import]import[/user] "/modules/booktree/booktree.css";</style>, жмем ок, снова смотрим исходный код и видим[user=import]import[/user] "/modules/booktree/booktree.css";...может это я не разобрался в настройках?
просмотрел представленные редакторы и выбрал Whizzywig (судил по демке - http://www.unverse.net/wysiwyg-pic.html), но лишен недостатков TinyMCE и по функциям все что надо есть, его уже кто-то использовал?
bodro, TinyMCE может взять полностью стили темы, или любой созданный вами стиль (что имеет смысл, т.к. не все что идет в style.css темы нужно для работы с текстом).
А по поводу второго пункта нужно мне уточнить, ни разу не пытался подключить стиль через body в node.
Давно установил на «Италии по-русски» htmlarea, довольно гибкий контроль через админку.
Сейчас хочу сменить на TinYMCE, htmlarea не работает в Opera (или может версию обновить нужно) + есть некоторые глюки.
Xinha – это htmlarea интегрированная в виде плагина в FF.
Список и обсуждение: http://forum.dklab.ru/js/advises/SpisokWysiwyg-js-redaktorov.html
Xinha в своё время очень подвешивала FF, снёс.
TinyMCE - тяжёлый, а главное оставляет очень засранный код.
Htmlarea - ставил, глючило. Обсуждалось здесь: http://drupal.ru/node/5908
Теперь пользую BUeditor+IMCE, но функционала сильно не хватает...
Shelendor, учитывая сравнение вами xina и htmlarea (htmlarea – это модуль друпала, который зменяет на WYSIWYG редактор Xinha, а Xinha для FF, это плагин, который может заменить лобоую выбранную вами textarea на визуальный редактор.), я бы подставил под вопрос ваше высказывание о тяжести и плохом коде TinyMCE
а где вы увидели сравнение? и то, и другое упоминается у Вадима в сообщении, поэтому я откомментировал их, т.к. пробовал использовать. А ставить под сомнение можете всё, что вам заблагорассудится. Только для начала желательно вникнуть в суть написанного, а не искать между строк то, чего там никогда не было.
>а где вы увидели сравнение?
В Вашем комментарии по воду ксины и htmlarea.
>> А по поводу второго пункта нужно мне уточнить, ни разу не пытался подключить стиль через body в node.
необязательно стиль, он коверкает все теги которые в нем не прописаны
bodro, ну тогда все очень логично
Ainur, логично это или нет, но мне это мешает, была с проблема когда при редактировании ранее созданных нод TinyMCE портил форматирование
логично это или нет, но мне это мешает, была с проблема когда при редактировании ранее созданных нод TinyMCE портил форматирование
В таком случае, в настройках редактора делаем Verify HTML: false
Почитал отзывы и сначала остановился на tinymce. Но у меня tinyMCE начал подглючивать при редактировании нод: не разворачивались некоторые блоки (типа "меню", "публикация", "путь" и т.п.). Какой-то конфликт javascript-а видать... Поэтому пришлось перейти на fckeditor. Работает, особых проблем нет.
Мне кажеться, не совсем корректно сравнивать в "лоб" все указанные редакторы - у них разные сферы применения. Одно дело использовать редактор для удобства добавления комментариев или небольших заметок (здесь подойдет практически любой), другое дело, когда на сайте публикуется очень много материала, например техническая документация - тогда уже не обойтись без "тяжелых" редакторов.
В начале я тоже всегда использовал TinyMCE (по отзывам и рекомендациям), но когда вышел 5-й Друпал и появилась замечательная тема Garland - начались проблемы. Мало того, что при редактировании материала постоянно что-то пыталось "уехать" в сторону (это поборол), так еще и всплывающему меню редактора "сносило башню" (так и не поборол). Ну и до всего прочего - локализация у меня так никогда и не работала полностью...
Решил побробовать что-то другое - наткнулся на модуль FCKeditor для Друпала - поставил, попробовал и ... больше ничего другого даже не смотел.
Все работает именно так, как ожидаешь. Конфигурирование может не такое удобное, как TinyMCE, но один раз сделал и забыл . Русификация работает без всяких проблем, причем локализовано ВСЕ. Есть конечно и минусы - не работает в Opera (для кого-то может оказаться критичным).
Вообщем если у кого есть сомнения насчет TinyMCE , можете смело попробовать FCKeditor.
смело не попробуешь - FCKEditor не работает с оперой, что перешивает любые возможные его плюсы
До меня доходили удивительные слухи о том, что FCKEditor всё же работал под Оперой. Сдавал один сайт с админкой, учил удалённо с ним работать юзера. Я ему - только не в Опере, а она мне - у меня всё работает! Второй раз - когда работал в веб-студии, с напарником как то получилось так, что заработало...
Последняя бета FCKEditor начала нормально работать с opera 9.5/
Поставил, глюков пока почти не заметил
А кроме TinyMCE есть виз. редактор, работающий во ВСЕХ основных браузерах?
Сам не пробовал, но по ссылке, которую выше дал PVasilii, пишут, что можно кое-что подкрутить, чтобы FCKeditor работал в Opere.
fckeditor.js кдасс FCKeditor, свойство this.EnableOpera установить в true. Серверный скрипты тоже надо править -- убирать проверки на валидный браузер. Сейчас не скажу где, но правится это "на раз"
В таком случае, в настройках редактора делаем Verify HTML: false
снимаю свои обвинения
Пользуюсь fckeditor и давно, проблема с оперой решается за 15 минут, достаточно поправить в модуле провеки на браузер.
Что и как поправить, напишите для всех?
А кроме TinyMCE есть виз. редактор, работающий во ВСЕХ основных браузерах?
Bueditor и Whizzywig, последний в демке пробовал, в Опере работает
Впомнил, что есть WYSIWYGNow . Я его описывал вкратце - http://forum.drupal.ru/node/4809 (мда, надо перечитывать собственный блог иногда :). Поскольку на офсайте файл было трудно найти - вот он.
Я использую TinyMCE на тех сайтах, где размещать материалы буду не я. В этом случае пользователи обычно копируют текст из Word и вставляют в поле редактирования, поэтому необходим мощный инструмент по очисте вордовского мусора. В TinyMCE для этого есть кнопочка Paste from Word (Вставить из Ворда). Ей можно пользоваться и при вставке HTML-форматированного текста, например скопированного с другой страницы.
Минусы TinyMCE для меня в следующем:
"Поэтому перестает работать типографер, который автоматически расставляет кавычки-елочки.Если размещением материалов занимаюсь я сам, то использую легкий язык разметки + настроенный под него BUEditor. Однако попытка подсадить на него сторонних пользователей (в лице девочек-менеджеров фирмы-заказчика) оказалась крайне неудачной, пришлось от этого способа отказаться и поставить им TinyMCE. Сам раньше использовал Texy с собственноручно доработанным модулем типографики, однако отсутствие англоязычной поддержки сказалось очень негативно на моем отношении к этой системе. Сейчас смотрю в сторону Textile, хотя синтаксис у него не такой прозрачный. Скорее всего, придется вообще от таких языков отказаться.
В последнем проекте использую BUEditor и простой HTML, для простой верстки мне это удобно, однако сторонние пользователи опять же вряд ли поймут, поэтому, если понадобится, поставлю им TinyMCE. Плюс такого подхода в том, что не возникнет конфликтов между языком разметки и редактором, минус — сложную верстку будет трудно ковырять.
Также сейчас посмотрел демку Whizzywig, очень даже понравилось, буду пробовать как замену TinyMCE.
Статья (eng.) об использовании Google Docs в качестве визивиг-редактора для публикации материалов на drupal-сайтах., практически в качестве программы для блоггинга (типа WLW или BlogJet).
Суть - настройте параметры публикации в Google Docs по такому образцу:
Тоже вариант. Особенно, если вы используете Google Apps на своем домене, как это сделал я.
мне нравится вот SPAW Editor. можно ли ее как нибудь прикрутить? www.solmetra.com/en/disp.php/en_products/en_spaw/en_spaw_intro
Ну так кто-то напишет, что нужно подкрутить, чтобы FCK работал в Опере?
Насколько мне известно, в Opera еще не сделали нормальной поддержки WYSIWYG.
А вот что нашел на форуме у FCKeditor'а по этому поводу:
http://www.fckeditor.net/forums/viewtopic.php?f=6&t=7085&p=18897&hilit=O...
Там предлагают ковырять файл fckeditor.js
А как его корректно отредактировать - хз
А вообще-то на форуме FCKeditor'a есть некий умник akapanamajack, который всем советует You might want to use http://tinymce.moxiecode.com/ TinyMCE instead of FCKeditor. It supports the same browsers plus Opera.
Козел
В начальном сообщении я упоминал сравнительную таблицу редакторов. Вот одна из таких таблиц (там есть еще ссылка на обзорную статью) - http://www.standards-schmandards.com/exhibits/wysiwyg/2007/wysiwyg.htm.
Off: домен прикольный, правда?
Вот неплохая обзорная статья начального уровня об онлайновых визивиг-редакторах.
http://dev.fckeditor.net/changeset/882
Site Preferences -> Network -> Browser Identification -> Mask as Internet Explorer
Появился модуль для интеграции визвиг -редактора XStandard.
Сам не пробовал, но по картинке судя, все стандартные визвиг-возможности присутствуют. Есть вставка картинок и таблиц, чистка уwordливого HTML (правда, только в Pro-версии), русский интерфейс и разное прочее, что описано на странице списка возможностей.
Есть еще модуль Quicktags. Это не совсем "визивиг", он просто позволяет добавлять к textarea кнопки для вставки любых тегов (или произвольных вставок). Т.е. примерно тот же способ, что и у BUEditor'а.
Анонсирован модуль для интеграции компактного визивиг-редактора nicEdit.
Ставил сегодня посмотреть — удобный. Всё что нужно — теги для Filtered HTML настроить. Без заморочек модуль, включил и забыл
Легкий - да, но пока есть глюки. Начать с того, что при инсталляции выясняется, что автор модуля забыл поставить закрывающие скобки аж в 6-ти строках nicedit.install (113-120).
Короче работа кипит, в CVS правки по минутам вносятся, а у меня в этом файле 17 строк всего.
Автор забыл наверное из-за того, что очень хочет хороший модуль сделать как можно скорее, это радует
Появился русский перевод для Nicedit.
Скажите, а как русифицировать nicedit ?
Там прилагается только js файл. И что с ним делать ?
Расскажите пошагово, пожалуйста.
Те же редакторы (TinyMCE, FCKEditor и пр.) в Joomla работают иначе, нежели тут. В чем дело: в некорректной интеграции или особенностях Друпала. Сам в Друпале, пока новичок. Столкнулся с другой проблемой - в окне редактора вставленный с другой html страницы текст отформатирован правильно, после сохранения большая часть форматирования исчезает вроде её и не было (даже переводы строки пропадают, неговоря за стили). Если же включу редактирование - опять все хорошо. Независимо от редактора. Что это? (Drupal 6.0 - RC1)
P.S.: Что слышно про BUEditor для Drupal 6 ?
У вас включен формат ввода "Filter HTML", который фильтрует небезопасные html-теги. Включите Full HTML или добавьте в настройки Filtered HTML допустимые теги.
Было такое подозрение :), но мне показалось что редакторы включают Filter HTML. Похоже, что у FCKEditor на Firefox 2.0.0.11 именно на строчке
oFCK_1.ToolbarSet = 'DrupalFiltered';вылетает сообщение "Панель DrupalFiltered не существует". Из-за чего под лисой его использовать и не могу. Других мощных редакторов под Drupal 6.0 пока не встречал (XStandard не в счет, т.к. плагин к браузеру и создает лишние условия к пользованию сайтом).
P.S.: включил Full HTML - помогло, спасибо.
FCKeditor вполне себе работает по Лисой. Еще раз проверьте настройки редактора в \fckeditor\fckeditor.config.js .
Похоже проблема была в настройках сервера - после апдейта MySQL и РНР все заработало само собой.
Еще один обзорчик визивиг-редакторов для Drupal. Упомянуты только основные, ничего нового, но - со скриншотами, да и сам сайт красивый.
BUeditor почему это ВИЗИНГ????
или почтиВИЗИНГ?
Ну... предпросмотр ведь есть
Были вопросы о настройке TinyMCE. Видимо, не только у нас они возникают. Появился даже специальный модуль для облегчения конфигурирования этого редактора.
Вот что мне очень хочется получить: чтобы по умолчанию стоял какой-то простой редактор, типа BUeditor, а при острой необходимости, нажатием кнопки, он заменялся на FCKEditor. Как это сделать? Не будет ли между ними конфликтов?
добавил на сайт несколько сотен нод с полями CCK, затем, во время просмотра, заметил, что те поля которые не были заполнены все равно выводятся!
глянул исходный код страницы и в пустых полях обнаружил тег параграфа
</p>.как сделать что бы он автоматом не ставился в пустых текстовых формах?
на сайте по умолчанию стоит фильтр BBCode (редактор Bueditor).
в настройках фильтра BBCode есть опция "Smart paragraph and line breaks" установил значение "Line breaks only", но после нажатия "сохранить" настройки ставятся по умолчанию.
В чем может быть дело?, на локалке такого не наблюдалось
Появился модуль для интеграции редактора WysiwygPro. Вот демо этого редактора.
Появился модуль для интеграции редактора WysiwygPro. Вот демо этого редактора.
У меня уже слюнки потекли и пошел было тестить его на свой сайт, а он редиско платный...
Вышла бета-версия FCKeditor 2.6, попробовал - наконец стало возможно им пользоваться, заметно шустрее работает. popup'ы заменили на обычные JavaScript плавающие окошки, какие-то оптимизации для CSS... Есть смысл поставить его вместо 2.5.1 и тестировать.
TinyMCE - мне уже не очень нравится
слишком тяжелый и глючный
в ИЕ отображается по прежнему как-то кривова-то... к сожелению большинство пользователей до сих пор пользуются этим браузером
вы же на своем сайте drupal.ru используете BUeditor?
тоже себе поставил и доволен
А получалось у кого-то прикрутить к WYSIWYG-редактору подсветку синтаксиса? Например, GeShiFilter?
У меня при попытке использовать его с FCKEditor возникли определенные проблемы. В блоках с подсветкой Geshi отображает все теги, добавленные FCKEditor. Если убираю теги вручную, то в дальнейшем возникают проблемы при редактировании, так как в таком тексте начисто отсутствуют переносы строк. Может с другими редакторами Geshi работает нормально? Или что-то не так настроено?
А получалось у кого-то прикрутить к WYSIWYG-редактору подсветку синтаксиса? Например, GeShiFilter?
Я пытался чисто подсветку синтаксиса сделать: http://drupal.ru/node/4844
Но в реальности использовать не удалось из-за мелких косяков (уже не помню каких).
у меня с визуальными редакторами проблема - пробовал и tinymce и fckeditor - везде один и тот же глюк - не могу покрасить ссылку в другой цвет - редакторы вставляют font-color перед ссылкой и ссылка отображается стандартным стилем для ссылки - подскажите что делать что бы fckeditor вставлял цвет ссылки font-color после тега "a" ?
В FCKeditor в окошке для ввода параметров ссылки есть закладка "Расширенный". Там можно ввести либо класс CSS (если заранее его сделать для крашенных ссылок), либо стиль CSS (что-нибудь вроде style="color: red;").
спасибо, а для малограмотных редакторов что-бы нажать цвет и он получился?
На Хабрахабр увидел описание редактора markitUp!
markItUp! это "легкий" редактор для jQuery. Это не WYSIWYG редактор и никогда им не будет. Вся "соль" этого редактора в том, что можно настроить его для использования с любыми средствами подсветки. BBCode, Markdown, Wiki синтаксис, Textile и конечно же HTML.
Вот сайт с примерами использования этого редактора.
По своей простоте и гибкости настройки он чем-то напоминает BUeditor. Модуля для Drupal для markitUp нет, но мне почему-то кажется, что сделать его несложно.
вот, натолкнулся Comparision of Drupal 5 WYSIWYG Editors
Да, спасибо, интересная табличка. Автор даже прогнал редакторы через два теста - на валидность HTML и на работу с модулем coder. По его данным, например, tinyMCE оба теста провалил...
Классный редактор YUI Rich Text Editor
Пока тестирую на демосайте, но первые впечатления только положительные.
а где можно перевод для модуля FCKeditor нарыть?
Настраиваю сайт установил Image picker, но как выяснилось с ним работает только BUEditor (юзал на браузере Firefox) меня он вполне утсраивает, но у версия урезанная
всего 9 кнопок, хотелось бы такую как на вашем сайте, подскажите плиз, где можно скачать, зарание благодарен. И ищо, ставил yui с ним у меня не работает Image picker, а без него очень туго... Знакомство с друпалом это у меня 3 день не судите строго ).
Поставил BUEditor (у меня друпал 5,5 браузер фаерфокс) версия урезанная всего 9 кнопок, хотелось бы как у вас на сайте. Ставил yui очень обидно что с ним не работает image-picker. Может кто то поделится как и что настроил ? А то походу все жмутся кому то что то рассказать толково )) может мне канешно показалось... Пользуюсь друпалом 3 день, раскопать что то очень трудно... А сам движ походу норма...
Использую BUEditor хотелось узнать что такое IMCE. BUEditor урезанный 9 кнопок, хотелось бы как у вас на сайте. Установил image-picker, как оказалось с ним работает лишь BUEditor ( у меня друпал 5,5 браузер лиса). Поделитесь опытом как у кого что натроено, только в деталях как настраивали.
Знаете что, сделайте что бы после добавления комментария, показывался последний коммент. Я только на 3 комменте додумался клацнуть на последнюю страницу... (сказался день рождения начальницы).
Скажите мне пожалуста, какой редактор юзать, чтоб была возможность в материал вставлять изображения прямо с компа?
FckEditor там это есть, только включать сложно, надо readmy читать
Почитал сделал и не работает...а по русски нигде нет...чтоб понятно было... Для joomla в FCKEditor -это уже сразу всё стоит
здравствуйте. скажите пожалуйста от чего может зависеть "потеря" форматирования в материалах: от используемого редактора, темы или может источника материала? просто некоторые материалы сразу теряют форматирование, начинаешь плясать с бубном, смотришь - текст не весь влез. да, как лучше добавлять в текст таблицы?
Обнаружил модуль для Drupal6, который интегрирует edit-on Pro WYSIWYG Editor. Вечер перестает быть томным...
Подскажите пожалуйста где взять кнопки как у вас на сайте для версии друпала 5.7 и последней версии BUEDITOR ?
Полезные статьи на Хабре про FCKeditor:
Доработка состояла в следующем:
Кстати, с лета WysiwygPro рассорился с drupal.org и сейчас модуль для интеграции WysiwygPro удален с drupal.org.
По ходу, если у кого завалялся этот модуль (желательно версией посвежее) поделитесь плиз.
узнал из этого поста про BUeditor. буду однозначно его ставить теперь. до этого ставил TinyMCE, но он у меня с drupal6 глючил неимоверно. еще недавно присматривался к FCKeditor и собирался его ставить. но всё же больше понравился BUeditor. жаль только, что ctrl+b, ctrl+i не работает (по крайней мере в демке).
ксати как я понял на drupal.ru тоже используется BUeditor? )
>перечисления кандидатов
jWYSIWYG (http://code.google.com/p/jwysiwyg/)
markItUp (http://markitup.jaysalvat.com/)
openWYSIWYG (http://www.openwebware.com/)
+
DSRTE (Damn Small Rich Text Editor)
sLedit
HotEditor
+
ConceptRTE
RTEditor
eArea
FreeTextBox
Kupu
Я использую FCKeditor и остаюсь умеренно доволен результатами его работы. Несколько раз пытался приспособить TinyMCE, но всегда расстроенный, с чувством приниженности и неудовлетворения возвращался к FCKeditor. Когда работаю со скриптами, то использую BUEditor. Всем привет.
Вот и заговорили уже об интеграции редактора вот с таким чудом:
http://svg-edit.googlecode.com/svn/branches/2.4/editor/svg-editor.html
http://drupal.org/node/683622
Какой редактор используется здесь для вставки комментов?
"Стандартный"? (я Друпал ещё не устанавливал, и не знаю, что там внутри....)
Примерно такой нужен (даже ещё прощще), но со спойлерами и якорями.