Визуальный редактор в WordPress: часть 2. Обзор плагинов

[ ←Вернуться к стандартному виду ]

Печатная версия

Как и обещала, насобирала кучу плагинов для визуального форматирования в WordPress и сейчас буду их обзирать :)

Visualize Advanced Features

Совместимость: wp 2.1 и выше

Страница плагина на сайте автора.
Этот плагин выводит скрытые кнопки на панель визуального редактора TinyMCE (помните «пасхальное яйцо» в WordPress 2.1?)
Visualize Advanced Features toolbar
Плагин для тех, кто забывает какие клавиши нажимать: Alt-Shift-V (для Firefox) или Alt-V (для IE) (подробности) чтобы вызвать доп. кнопки на панели редактора, и кому не нужен навороченный виз. редактор, но дополнительное форматирование бы пригодилось. Говорят, в версии wp 2.3 «расширенные кнопки визуального редактора вызываются простым нажатием кнопки в тулбаре». Что ж, долго ему (плагину) не жить.

Статья по теме: «Улучшаем TinyMCE без плагинов» — то же яйцо, только в профиль :)

Custom TinyMCE button

Это даже не плагин, а наглядное пособие «как сделать свои кнопки в визуальном редакторе TinyMCE». Установка производится не в папку с плагинами WordPress, а в папку с плагинами TinyMCE: /wp-includes/js/tinymce/plugins/, затем подправляем файл tiny_mce_config.php (/wp-includes/js/tinymce/), сбрасываем кэш и любуемся двумя новыми кнопками на панели редактора. Я сначала обрадовалась возможности создавать свои кнопки, но заглянув в код приуныла (ничего не понятно), состряпать свою кнопку у меня получится не скоро :)

WYSIWYG Button Manager for WordPress

Совместимость: 2.0.x и 2.x

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

Еще одна ссылка для тех, кто интересуется тем, как создать свою кнопку: статья «Как добавить quicktags в админку» (автор slaff.net)

WP Super Edit (TinyMCE)

Совместимость: 2.1—2.3

Как выглядит:

WP Super Edit toolbar
По функциональности схож с Advanced TinyMCE Editor. Представляет из себя что-то типа фреймворка для виз. редактора TinyMCE: из админки возможно «таскать» туда-сюда и раскладывать кнопки на панели, убирать ненужные в неактивный контейнер:
WP Super Edit
От Advanced TinyMCE Editor отличается возможностью работы со слоями (позиционирование, z-index и полный набор всевозможных свойств для div).

К плагину WP Super Edit написаны несколько дополнительных плагинов, например Fullscreen for WP Super Edit
и Monsters Editor for WP Super Edit (если вам больше по душе Fckeditor вместо TinyMCE).

Advanced TinyMCE Editor v 0.5.0

Cовместимость: wp 2.1 и 2.2

UPD 18.09.2007
Русифицированный: advanced tinymce 0.5.0

На заметку:
Если у вас wp 2.2.2 рекомендую ставить версию плагина 0.4.0 — сегодня (26.08.2007) пробовала установить 0.5.0 на wp 2.2.2 (от maxsite.org) — не работает, заработал только 0.4.0

29.08.2007 Если после установки плагина на панели не появляются кнопки, нужно зайти в управление плагином в админке и нажать кнопку «save settings», также не помешает сбросить кэш браузере (Ctrl+F5). Совет отсюда, спасибо швану (Lecactus).
Advanced TinyMCE Editor версия 0.5.0

Этот плагин добавляет 60 новых кнопок в панель редактора, достаточно гибко настраивается. В отличии от версии 0.4.0 (обзор на сайте maxsite.org) начиная с версии 0.5.0 нет необходимости копаться в файлах плагина и настраивать его под себя, теперь управление выводом кнопок можно делать в админке. Также появилась возможность добавить свой css в расширенный редактор, автор плагина рекомендует добавлять в css для редактора только простые стили, например только классы для картинок и текста.

Теперь ваши и мои клиенты не будут мучительно привыкать к тому факту, что вставленная картинка «висит топориком» в редакторе, а на странице записи обтекается текстом, как и положено. Конечно, можно выравнивать картинки в тексте с помощью align, но в большинстве случаев удобнее все-таки с помощью css: к примеру, плагин Photopress позволяет задать css классы для картинки, и все что нужно потом сделать — загрузить картинку, выбрать из выпадающего меню класс и жмакнуть «вставить».

Advanced TinyMCE Editor версия 0.5.0 (админка)

Помимо всего прочего, очень удобно работать с таблицами.

Кстати, о таблицах:

WP-Table версия 1.45

Совместимость: 2.0.4 и выше, подходит для 2.1

Сайт автора плагина: alexrabe.boelinger.com/?page_id=3

wp-table.jpg

шнтересный плагин, позволяющий создавать таблицы из админки, с сортировкой столбцов по алфавиту или по ворзастанию/убыванию. К примеру, это может быть таблица спортивных результатов, или таблица с ценами. Если таблица достаточно большая, то сортировка по цене может быть весьма кстати!

WP-Table

Чтобы вставить таблицу в запись: [TABLE=ID]

Можно импортировать csv файл и публиковать как таблицу. В версии плагина WP-Table 1.43 были проблемы с безопасностью, уже в 1.44 вроде бы исправили.

WYSIWYG Editing

(от создателя WordPress Мата Мюленвега). Добавляет визуальное форматирование для различных полей — звучит заманчиво, но я так и не поняла, как заставить его работать :( Тестировала на 2.2.1 и 2.0.10.

Wysi-WordPress Plugin v. 5

Совместимость: подходит для 2.2 (как я поняла, и для более старых версий тоже — на сайте автора недавно анонсирована поддержка wp 2.2, а первая версия плагина вышла в феврале 2005)

Установка плагина не очень удобная: папка Wysi-Wordpress загружается в plugins, а файл iimage-browser.php следует загрузить в директорию wp-admin. Соответственно, при обновлении WordPress следует помнить о наличии этой файла в wp-admin. Далее активируем плагин, идем в свой профиль и снимаем галочку «использовать визуальное форматирование», теперь плагин заработал и мы имеем в распоряжении на панели виз. редактора:

WYSIWYG Plugin v. 5

— 23 смайла
— дополнительная кнопка для вставки картинок в пост:

  • с поиском по папке uploads и сортировкой «A —Z» или «старые—новые»
  • предпросмотром,
  • выбором варианта вставки картинки: как ссылка или картинка
  • можно удалить картинку, тут же сделать для нее thumbnail (превью) любого размера (есть регулировка качества при уменьшении), вставить это превью со ссылкой на большую картинку, без ссылки, просто линк и т.п.
  • выводится информация о размере картинке и ее весе

— кнопки «цвет текста» и «цвет бекграунда»
— встроенный словарик (кнопка, похожая на логотип МТС), естественно, англоязычный
— а также кнопки «more» и «next page»

Кроме кнопки «next page» и достаточно гибкой загрузки и редакторивании картинок в этом плагине особой функциональности нет.

Dean’s FCKEditor for WordPress

Совместимость: wp 2.0 и выше
Dean’s FCKEditor for WordPress toolbar
Для тех кому не нравится редактор TinyMCE, встроенный в WordPress по умолчанию. Обзор этого плагина читайте у Миколки. Есть мнение, что «FCKeditor заметно тормознее TinyMCE» (это для тех, кто не может сделать выбор между TinyMCE и FCKeditor :)). Ничего не могу сказать — FCKeditor не пробовала, потому что мне очень нравится TinyMCE (с плагином Advanced TinyMCE Editor).
UPD 29.03.2008: доводы в пользу FCKeditor'а FCKEditor против Advanced TinyMCE

Xinha4WP Beta v1.2b

Совместимость: wp 1.5.x и 2.0.3—2.0.10, а также WordPress-MU 1.0

Обещается поддержка wp 2.2.

Можно использовать Xinha4WP как для постов:

Xinha4WP toolbar

Так и для комментариев:

Xinha4WP  comments

Судя по скриншоту, неплохо реализована возможность работы с картинками:

Xinha4WP upload images

Доступны различные настройки из админки.

EditorMonkey WYSIWYG

Работал на основе FCKEditor или TinyMCE.

На сайте автора уже который месяц вместо плагина висит объявление «переезжаю, скоро все будет», но выкачать плагин можно здесь для особо интересующихся. Достаточно мощный плагин, но, кажется, поддерживаться больше не будет, под вопросом и совместимость с последними версиями WordPress.

WysiwygPro editing for WordPress

Всего 47$ — и Вы счастливый обладатель этого плагина. При обилии бесплатных функциональных плагинов цена звучит смешно :)

Вывод

Самым удобным для меня оказался Advanced TinyMCE Editor, остальные плагины или слишком наворочены (много кому нужна поддержка слоев как в WP Super Edit? — кто знает что это такое, тот и руками напишет, а малоопытного пользователя такая кнопка только смущать будет), или слишком просты.


Комментариев: 49, оставить свой »

Страницы: [5] 4 3 2 1 » Показать все

  1. # 49 Trackback kizi 09.11.2012 в 04:01

    kizi...

    Hi my friend! I want to say that this article is awesome, nice written and include almost all important infos. I�d like to see more posts like this....

  2. # 48 vrach (2) 14.04.2012 в 22:08

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

  3. # 47 стас (1) 06.01.2012 в 08:17

    как на моем сайте - http://strippers-show.com/добавить кнопки?

  4. # 46 Валодя (1) 09.04.2011 в 20:46

    А не подскажите как в визуальном редакторе поменять счетчик слов на счетчик букв?

  5. # 45 Человек (1) 24.04.2010 в 03:03

    Dean’s FCKEditor for WordPress такой тупой плагин! Не добавляет кнопки плагинов и пишет непонятно какой код в посте!! Не используйте его, люди!!!

  6. # 44 Aleksashka 05.02.2010 в 12:11

    Уважаемая  Sonika,  у меня возникла проблема с FCKeditor. Дело в том, что когда пользователь делает запись и отправляет её на утверждение, то администратору приходит только заголовок а в посте нет ничего. Плагин корректно работал но потом вдруг отказаляс напрочь сохранять записи, если ему явно в Editor'e не нажать кнопку сохранить. Не могли бы вы, как опытный блоггер, мне помочь.

  7. # 43 alex (1) 03.02.2010 в 15:17

    Лично меня вполне устраивает стандартный визуальный редактор WP. Это в конце-концов не drupal, где реальные проблемы с прикручивание визуального редактора.

  8. # 42 Сергей 15.01.2010 в 09:19

    Подскажи, пожалуйста ..... как вставить такую же панель инструментов в форму написания комментариев, как у тебя здсь?
    Я тоже поставил Advanced TinyMCE Editor но воткнуть в комменты не получается, даже не знаю, с какого края подходить к вопросу.

  9. # 41 Игорь 11.01.2010 в 10:35

    В tinymcecomments нельзя вставлять картинки и видео =(
    Может посоветуете что-нибудь еще?

Страницы: [5] 4 3 2 1 » Показать все

Написать комментарий


Ручная модерация комментов. Все саттелиты — в топку! Даже не сомневайтесь. Для вопросов о вордпресс не по теме поста есть два русскоязычных форума по wordpress.


Подписаться, не комментируя

[ ←Вернуться к стандартному виду ]

Печатная версия