Сравнение визуальных редакторов для Drupal
Прислано: vadbars@drupal.org
чт, 20/09/2007 - 20: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 на своем домене, как это сделал я.
Начальное сообщение буду исправлять и дополнять, но пока можно уже высказывать мнения о сильных и слабых сторонах разных редакторов.
- vadbars@drupal.org's blog
- Для комментирования войдите или зарегистрируйтесь
TinYMCE - везде работает, в отличии от FCKEditor. Bueditor для лёгких сайтов ништяк, но что-то типа IMCE не хватает. Вообще, я бы голосовалку прикрутил, на все 8 пунктов....
- Для комментирования войдите или зарегистрируйтесь
Думаю, толку от голосовалки будет мало. Опять холиwar только. Хватит с нас битриксоидов :)
- Для комментирования войдите или зарегистрируйтесь
Пока только BUEditor юзал. Интересно посмотреть на другие. +1
- Для комментирования войдите или зарегистрируйтесь
Добрый!
На мой вкус - BUEditor с ВВ
Легко, компактно, и возможность прикрутить дополнительные кнопки.
Правда использую без IMCE
- Для комментирования войдите или зарегистрируйтесь
Использую BUEditor :) По моему самый компактный
И тоже без IMCE.
Вадим, извини, не успел занять место первого комментария, чтобы редактируя его комментировать написанную часть сравнения :)
Буду это делать на этом месте!
- Для комментирования войдите или зарегистрируйтесь
Да йа тож BUEditor использую, но вот чего-то решил попробовать побаловаться с Yahoo. Посмотрю что из этого выйдет. :)
- Для комментирования войдите или зарегистрируйтесь
TinyMCE нравится, но...
- он не подхватывает стили которые на странице
- коверкает html код, т.е. ставим отображать исходный код и вводим
<style type="text/css" media="all">@import "/modules/booktree/booktree.css";</style>, жмем ок, снова смотрим исходный код и видим@import "/modules/booktree/booktree.css";...
может это я не разобрался в настройках?
просмотрел представленные редакторы и выбрал Whizzywig (судил по демке - http://www.unverse.net/wysiwyg-pic.html), но лишен недостатков TinyMCE и по функциям все что надо есть, его уже кто-то использовал?
- Для комментирования войдите или зарегистрируйтесь
Давно установил на «Италии по-русски» 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 ;)
- Для комментирования войдите или зарегистрируйтесь
bodro, TinyMCE может взять полностью стили темы, или любой созданный вами стиль (что имеет смысл, т.к. не все что идет в style.css темы нужно для работы с текстом).
А по поводу второго пункта нужно мне уточнить, ни разу не пытался подключить стиль через body в node.
- Для комментирования войдите или зарегистрируйтесь
>> А по поводу второго пункта нужно мне уточнить, ни разу не пытался подключить стиль через body в node.
необязательно стиль, он коверкает все теги которые в нем не прописаны
- Для комментирования войдите или зарегистрируйтесь
bodro, ну тогда все очень логично
- Для комментирования войдите или зарегистрируйтесь
а где вы увидели сравнение? и то, и другое упоминается у Вадима в сообщении, поэтому я откомментировал их, т.к. пробовал использовать. А ставить под сомнение можете всё, что вам заблагорассудится. Только для начала желательно вникнуть в суть написанного, а не искать между строк то, чего там никогда не было.
- Для комментирования войдите или зарегистрируйтесь
Ainur, логично это или нет, но мне это мешает, была с проблема когда при редактировании ранее созданных нод TinyMCE портил форматирование
- Для комментирования войдите или зарегистрируйтесь
Почитал отзывы и сначала остановился на tinymce. Но у меня tinyMCE начал подглючивать при редактировании нод: не разворачивались некоторые блоки (типа "меню", "публикация", "путь" и т.п.). Какой-то конфликт javascript-а видать... Поэтому пришлось перейти на fckeditor. Работает, особых проблем нет.
- Для комментирования войдите или зарегистрируйтесь
Мне кажеться, не совсем корректно сравнивать в "лоб" все указанные редакторы - у них разные сферы применения. Одно дело использовать редактор для удобства добавления комментариев или небольших заметок (здесь подойдет практически любой), другое дело, когда на сайте публикуется очень много материала, например техническая документация - тогда уже не обойтись без "тяжелых" редакторов.
В начале я тоже всегда использовал TinyMCE (по отзывам и рекомендациям), но когда вышел 5-й Друпал и появилась замечательная тема Garland - начались проблемы. Мало того, что при редактировании материала постоянно что-то пыталось "уехать" в сторону (это поборол), так еще и всплывающему меню редактора "сносило башню" (так и не поборол). Ну и до всего прочего - локализация у меня так никогда и не работала полностью...
Решил побробовать что-то другое - наткнулся на модуль FCKeditor для Друпала - поставил, попробовал и ... больше ничего другого даже не смотел.
Все работает именно так, как ожидаешь. Конфигурирование может не такое удобное, как TinyMCE, но один раз сделал и забыл . Русификация работает без всяких проблем, причем локализовано ВСЕ. Есть конечно и минусы - не работает в Opera (для кого-то может оказаться критичным).
Вообщем если у кого есть сомнения насчет TinyMCE , можете смело попробовать FCKeditor.
- Для комментирования войдите или зарегистрируйтесь
смело не попробуешь - FCKEditor не работает с оперой, что перешивает любые возможные его плюсы
- Для комментирования войдите или зарегистрируйтесь
А кроме TinyMCE есть виз. редактор, работающий во ВСЕХ основных браузерах?
- Для комментирования войдите или зарегистрируйтесь
>а где вы увидели сравнение?
В Вашем комментарии по воду ксины и htmlarea.
- Для комментирования войдите или зарегистрируйтесь
логично это или нет, но мне это мешает, была с проблема когда при редактировании ранее созданных нод TinyMCE портил форматирование
В таком случае, в настройках редактора делаем Verify HTML: false ;)
- Для комментирования войдите или зарегистрируйтесь
Сам не пробовал, но по ссылке, которую выше дал 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 для меня в следующем:
- Все кавычки-дюймы ("), которые используют обычные пользователи, оно заменяет на
"Поэтому перестает работать типографер, который автоматически расставляет кавычки-елочки. - При работе с таблицами нельзя заменить td на th сразу для нескольких ячеек, вообще выделить из таблицы заголовок для пользователей большая проблема.
- Пытался настроить его на совместную работу с Texy! — ничего не получилось. Пришлось переносить контент, благо его было не очень много.
Если размещением материалов занимаюсь я сам, то использую легкий язык разметки + настроенный под него 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: домен прикольный, правда? :)
- Для комментирования войдите или зарегистрируйтесь
Вот неплохая обзорная статья начального уровня об онлайновых визивиг-редакторах.
- Для комментирования войдите или зарегистрируйтесь
До меня доходили удивительные слухи о том, что FCKEditor всё же работал под Оперой. Сдавал один сайт с админкой, учил удалённо с ним работать юзера. Я ему - только не в Опере, а она мне - у меня всё работает! Второй раз - когда работал в веб-студии, с напарником как то получилось так, что заработало...
- Для комментирования войдите или зарегистрируйтесь
Что и как поправить, напишите для всех?
http://dev.fckeditor.net/changeset/882
Я ему - только не в Опере, а она мне - у меня всё работает!
Site Preferences -> Network -> Browser Identification -> Mask as Internet Explorer
- Для комментирования войдите или зарегистрируйтесь
Появился модуль для интеграции визвиг -редактора XStandard.
Сам не пробовал, но по картинке судя, все стандартные визвиг-возможности присутствуют. Есть вставка картинок и таблиц, чистка уwordливого HTML (правда, только в Pro-версии), русский интерфейс и разное прочее, что описано на странице списка возможностей.
- Для комментирования войдите или зарегистрируйтесь
Есть еще модуль Quicktags. Это не совсем "визивиг", он просто позволяет добавлять к textarea кнопки для вставки любых тегов (или произвольных вставок). Т.е. примерно тот же способ, что и у BUEditor'а.
- Для комментирования войдите или зарегистрируйтесь
Последняя бета FCKEditor начала нормально работать с opera 9.5/
Поставил, глюков пока почти не заметил :)
- Для комментирования войдите или зарегистрируйтесь
Анонсирован модуль для интеграции компактного визивиг-редактора nicEdit.
- Для комментирования войдите или зарегистрируйтесь
Ставил сегодня посмотреть — удобный. Всё что нужно — теги для Filtered HTML настроить. Без заморочек модуль, включил и забыл :-)
- Для комментирования войдите или зарегистрируйтесь
Легкий - да, но пока есть глюки. Начать с того, что при инсталляции выясняется, что автор модуля забыл поставить закрывающие скобки аж в 6-ти строках nicedit.install (113-120). :)
- Для комментирования войдите или зарегистрируйтесь
Короче работа кипит, в CVS правки по минутам вносятся, а у меня в этом файле 17 строк всего.
Автор забыл наверное из-за того, что очень хочет хороший модуль сделать как можно скорее, это радует :-)
- Для комментирования войдите или зарегистрируйтесь
Появился русский перевод для Nicedit.
- Для комментирования войдите или зарегистрируйтесь
Те же редакторы (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 именно на строчке
вылетает сообщение "Панель DrupalFiltered не существует". Из-за чего под лисой его использовать и не могу. Других мощных редакторов под Drupal 6.0 пока не встречал (XStandard не в счет, т.к. плагин к браузеру и создает лишние условия к пользованию сайтом).
P.S.: включил Full HTML - помогло, спасибо.
- Для комментирования войдите или зарегистрируйтесь
FCKeditor вполне себе работает по Лисой. Еще раз проверьте настройки редактора в \fckeditor\fckeditor.config.js .
- Для комментирования войдите или зарегистрируйтесь

















Комментарии