Переход к предыдущей публикации Новое лицо Daemony’s Live 30 отличных плагинов для Wordpress Переход к следущей публикации

FCKEditor против Advanced TinyMCE

Четверг, 27 марта, 2008 16:53:27 EET

Исправления от 17 марта, 2009 00:52:14

FCKEditor Logo Advanced TinyMCE Logo В процессе обновления блога я в конце концов заменил в админпанели сайта визуальный редактор. Сделать я это хотел давно, но долго не мог подобрать подходящий. С самого начала существования Live Daemony’s был прикручен Advanced TinyMCE Editor - довольно известный и распространенный плагин для Wordpress. Информацию о нем я когда-то нашел в блоге Соники (за что ей и спасибо).  В принципе, Advanced TinyMCE довольно функциональный и удобный, а еще, как многие думают, гораздо более шустрый и легкий, чем другие визуальные редакторы… Я теперь так не думаю. И вот почему.

Моя нелюбовь к Advanced TinyMCE начала зарождаться довольно давно. Тогда, когда появилась необходимость вставлять в тексты публикаций фрагменты кода или выдержки из командной строки. Возник вопрос, каким образом лучше оформлять такие фрагменты. Я пробовал использовать специально написанные для этого плагины, которые позволяли подсвечивать синтаксис кода, но меня они не устроили по определенным причинам и я от варианта с плагинами отказался.

Попробовал заключать код в тег <PRE>. Но тут выявилась интересная и неприятная особенность Advanced TinyMCE. В режиме визуального редактора фрагмент текста между тегами <pre></pre> смотрелся нормально, но стоило перейти в режим “Код” (“родной” вордпрессовский просмотр чистого текста, но НЕ html), а после вернуться в режим “Визуальный редактор”, как Advanced TinyMCE вставлял лишние переносы строк между строчками текста в <pre></pre>. В процессе написания публикаций очень часто приходится переключаться между этими двумя режимами и каждый раз в кусках кода вставляется очередной перенос. Что это? Недоработка плагина или это мои какие-то кривые настройки, которые я не нашел… Что я делал не так?

Я всю жизнь пользуюсь Firefox’ом. Версия всегда последняя. Потому все написанное актуально для FF. Наблюдается ли такая проблема в других браузерах, я не проверял и не хочу проверять. Opera и Internet Explorer я держу в запасе только для того, чтобы отлаживать стили на страницах, проверять, как отображается сайт в разных браузерах и не более того. Но этот “глюк” Advanced TinyMCE заставил меня в итоге при составлении публикаций пользоваться AkelPad’ом (есть такой очень хороший текстовый редактор). Фрагменты кода составлялись в нем, а после копировались в основной текст. Долго, муторно и неудобно.

Как я уже писал выше, существует мнение, что Advanced TinyMCE легче в работе, чем другие WYSIWYG редакторы. Согласен, в чем-то он и легче. Например, при использовании функций вставки гиперссылки или же изображения. Вобщем в тех случаях, когда применяются функции вставки чего-либо, сопровождающиеся появлением всплывающего окна. Но мне зачастую приходилось создавать публикации очень большого объема. Например, такие статьи как “Web сервер Apache 1.3 с поддержкой php5 и mod_perl“, или “Bind - он же Named | Конфигурация DNS сервера для поддержки Primary, Secondary и Reverse зон” - они немалого размера. При составлении больших публикаций, Advanced TinyMCE начинает очень сильно тормозить.

Во-первых, при наборе текста, при изменении раскладки клавиатуры. При быстром наборе, отображение текста в редакторе может запаздывать на полсекунды. А когда нужно сменить раскладку нажимаешь ctrl-shift, надеешься что у тебя уже включилась нужная раскладка, строчишь текст дальше, а на самом деле в редакторе появляется угадайте что… Во-вторых, при переходе из режима “Визуальный редактор” в режим “Код”, если в редакторе в этот момент большой текст, можно несколько секунд ждать, пока браузер перестанет “висеть” и чего-то думать. Может быть это такое только с Firefox’ом - незнаю. Но эти два основных момента, не говоря уже о некоторых мелочах, заставили меня вновь просмотреть страничку Сони с обзором визуальных редакторов.

И я нашел то, что мне было нужно. Dean’s FCKEditor for WordPress - в самый раз. Все необходимые функции имеются и они реализованы не намного хуже, чем у Advanced TinyMCE. Поставил его, попробовал отредактировать в нем пару старых публикаций большого размера. Сразу появилось ощущение комфорта, которое стало основополагающим фактором при смене WYSIWYG редактора. Снес Advanced TinyMCE, оставил FCKEditor и доволен.

Из минусов, что я заметил за это время в FCKEditor (в браузере Firefox): небольшие тормоза при появлении всплывающего окна для вставки ссылки, изображения и т.д. Но это не очень существенно. А вот плюсы здесь хочу отметить следущие:

  • Быстрое манипулирование большими объемами текста. Не висим и не думаем.
  • Правильная работа с форматированием частей текста тегом <pre></pre>
  • (!) Функция “Показать блоки” которая выделяет рамочкой части текста между тегами <p></p> <div></div> и так далее (см. скриншот ниже)

Последнее - действительно нужная штука. На словах этого так не объяснить. Нужно просто попробовать.

Для просмотра текста в чистом виде не используется встроенный режим просмотра “Код”, но есть кнопка “Источник“, отображающая HTML код публикации. К слову сказать, режим просмотра HTML кода есть и в Advanced TinyMCE. Но в TinyMCE он показывается во всплывающем окне, которое тоже, при объемной публикации, очень сильно грузит браузер.

Все вышесказанное - мое субъективное мнение. “На вкус и цвет”, как говорится. Но если Вы еще решаете, какой визуальный редактор задействовать в своем блоге, попробуйте для начала FCKEditor. Уверен, он Вам понравится.

* * *

Домашняя страница Dean’s FCKEditor for WordPress: -=-ссылка-=-

Домашняя страница Advanced TinyMCE Editor: -=-ссылка-=-

Скачать FCKEditor For Wordpress 2.3.1 с Daemony’s Live Blog

[Размер 1044684 байт]

Похожие публикации

Комментариев 29

1 2 3

Lovedancer 30 ноября, 2009 06:07:39 EET .:. ID #22215 .:.

И кстати, ты бы не мог подсказать, какой код ты вставил в comments.php, что у тебя так удобненько расположились смайлики?

Lovedancer 30 ноября, 2009 05:54:51 EET .:. ID #22213 .:.

Добрый день. С удовольствием поставил себе этот плагин, и также использую его в комментариях…но возникла проблема….если нажимать на стандартную кнопку “ответить”, которая расположена возле комментария, то в окне редактора появляется надпись “null” и написание комментариев блокируется….подскажите пожалуйста, как это можно исправить?

Daemony 7 апреля, 2009 00:05:10 EEST .:. ID #7354 .:.

IMHO, любой визуальный редактор не приспособлен для таблиц. Или приспособлен, но для тех, кто не озабочен чистотой HTML. Мне если нужно вставить таблицу, например, из документа Word, я вставляю ее кнопочкой “Вставить из Word”, а потом все-равно подчищаю руками в режиме HTML (ширина, выравнивание и т.п.). Иногда при этом начинаешь понимать, что многие не умеют пользоваться этим самым Word’ом. :)

Илья 6 апреля, 2009 22:35:49 EEST .:. ID #7348 .:.

TinyMCE не вариант, после того, что он делает с таблицами… А мне так нравился FCKEditor :-(
Видимо придется разбираться с произвольными полями и с их помощью делать свои задумки

Daemony 6 апреля, 2009 22:08:27 EEST .:. ID #7342 .:.

Сорри. Тогда вряд ли подскажу.
Видимо, если очень нужно вставлять PHP в редакторе, прийдется включать TinyMCE.

Илья 6 апреля, 2009 19:03:43 EEST .:. ID #7335 .:.

Я как раз про эти плагины и писал, Exec-PHP и in-Line-PHP, их код визуальный редактор режет, даже если его вставлять в режие Source. :-(

Daemony 6 апреля, 2009 13:02:46 EEST .:. ID #7321 .:.

Я не пользуюсь сейчас FCKEditor’ом, но если мне не изменяет память, для того, чтобы в любой визуальный редактор можно было вставить php код, нужно для этого инсталлить дополнительный плагин. Exec-PHP по-моему то, что тебе нужно.

Илья 6 апреля, 2009 11:05:06 EEST .:. ID #7316 .:.

В смысле между < exec > <? php .. ?> и [exec] от разных плагинов

Илья 6 апреля, 2009 11:03:28 EEST .:. ID #7314 .:.

Подскажите, пожалуйста, как в FCKEditor вставить php код, он все php вставки между [exec] и просто убивает при сохранении :-(

1 2 3

Возник вопрос по этой теме, или есть что добавить? Говорите!

  1. Зарегистрированным пользователям вводить защитный код (captcha) не приходится.
  2. Загрузить свою аватарку Вы сможете, зарегистрировавшись на сервисе www.gravatar.com
Публикуя комментарий Вы подтверждаете, что ознакомились c Правилами и принимаете их!
HOMOSAPIENS ONLY! :)