Визуальный редактор в WordPress

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

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

UPD 24.06.2007
Для WordPress 2.2
недавно вышел новый плагин Advanced TinyMCE Editor, обзор читайте на сайте maxsite.org. Плагин не в пример удобнее и легче в установке, проверяла на wp 2.2.1 — работает великолепно!

Сегодня я обнаружила, что пользователей wordpress до сих пор волнует проблема куцего TinyMCE, встороенного в WordPress, поэтому решила опубликовать эту небольшую заметку, которую начала и забросила в прошлом 2006 году. Вот она:

Как оказалось, встроенный в wordpress визуальный редактор TinyMCE не так уж и плох, как мне показалось при первом знакомстве.

Вот так выглядит полная версия TinyMCE:

TinyMCE full example

На сайте tinymce.moxiecode.com доступен полный список и описание плагинов TinyMCE и кнопок редактора

В поставке WordPress визуальный редактор идет в очень «урезанном» виде, поэтому для начала я добавила плагинов к TinyMCE. Очень помог в этом участник форума WordPress по-русски Simulacrum:

В WordPress 2.0.4 используется TinyMCE версии 2.0RC4.
Полный вариант с плагинами берем здесь: http://prdownloads.sourceforge.net/tinymce/
Распаковываем хозяйство и выбираем от туда пригодные для нас плагины (выбор индивидуален).

TinyMCE (и плагины к нему в том числе) в WordPress лежит в папке wp-includes → js → tinymce

Для того, чтобы плагины визуального редактора TinyMCE заработали, подключаем специальный плагин для тонкой настройки TinyMCE в WordPress

Можете сразу скачать этот плагин у меня (я его немного подправила): advanced-wysiwyg.zip

Получим:

Плагин Advanced Wysiwyg корректно работает с версиями 2.0.4 — 2.0.7, остальные я не проверяла. С wordpress 2.1.x не работает.

Для полноты картины я даю ссылки на еще два плагина для wordpress: fckeditor for wordpress и xinha4wp, которыми со мной поделился Владимир Соколов. Плагины эти я не пробовала, сказать по их поводу ничего не могу. Владимир из недостатков обнаружил, что в обоих плагинах нет кнопки more.

UPD

Сегодня нашла еще один замечательный плагин WYSIWYG Button Manager for WordPress

Замечателен он тем, что дает возможность для разных пользователей настраивать набор кнопок в WYSIWYG-редакторе админки (речь идет про встроенный редактор TinyMCE), при этом кнопки можно разбить на 3 строки в редакторе, набор кнопок в каждой строке настраивается. Можно создать столько панелей WYSIWYG-редакторе, сколько нужно.

В качестве бонуса появляются дополнительные кнопки в панели визуального редактора, например цвет текста, форматирование (p, h1, h2…), размер шрифта, очистка формата и еще несколько.

UPD 08.06.2007
Статья по теме: Extending TinyMCE, the WordPress Rich Text Editor (eng).

UPD 09.06.2007
Плагин tinymce advanced для версий wp 2.1 и 2.2:


Оставить комментарий »

  1. # DarkStar (2) 16.03.2007 в 16:02

    С wordpress 2.1.x не работает.
    А так хотельось на 2.1.2...

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

  2. # sonika (66) 20.03.2007 в 14:52

    А Вы попробуйте плагин CA-ColorPicker:
    Easily change your font color on your post/page. This plugin will add color picker ability on your post/page editing by adding "Color" button into your post/page toolbar.

  3. # DarkStar (2) 20.03.2007 в 18:24

    Спасибо. Но что-то мы с ним не подружились...
    - А есть такие же, но с перламутровыми пуговицами?
    - Нет.
    - Нет? Ну будем искать...

    :) Все равно спасибо!

  4. # Vladimir 13.04.2007 в 14:19

    wp-includes\js\tinymce\tiny_mce_config.php

    файл для конфига редактора

    http://wiki.moxiecode.com/examples/tinymce/installation_example_04.php

    описание с полной настройкой, там есть еще темы из них можно посмотреть дополнительные настройки

    Как редактор можно прикрутить к коментариям?

  5. # Владимир (4) 16.04.2007 в 12:20

    http://www.rajprasad.net/plugins/editormonkey/
    Автор возобновил поддержку это плагина для WordPress. Уже второй год пользуюсь им. Здесь и все теги работают нормально и глубокая настройка. Кроме того существует возможность выбора визуального редактора: tinyMCE или fckeditor.
    2sonika: Спасибо.

  6. # sonika (66) 16.04.2007 в 13:21

    2Владимир: попробую editormonkey, спасибо за ссылку!
    2Vladimir: я пользуюсь плагином WP Comment Quicktags Plus, мне кажется, для комментов его достаточно.

  7. # Вано (1) 24.04.2007 в 06:41

    Спасибо за статью. Еще бы решить глюки со шрифтами в этом TinyMCE, и вообще было бы замечательно...

  8. # sonika (29) 26.04.2007 в 18:14

    Я бы, наоборот, избавилась от возможности выбора гарнитуры и заодно и размера шрифта из редактора. Веб, все-таки, не MS Word, чтобы безбожно извращаться над текстом…

  9. # Владимир (4) 26.04.2007 в 22:46

    Обращаюсь к автору сайта. Я не знаю Вашего имени, поэтому так...
    Не работает управление подпиской. У меня лично, открывается пустая страница.

  10. # sonika (66) 02.05.2007 в 00:11

    Есть такое дело, обновление с одной локализации на другую прошло не очень гладко, пока не могу понять, что с этим плагином не так стало :(

  11. # Владимир (4) 02.05.2007 в 00:17

    Здесь, я к сожалению не советчик.

  12. # Владимир (1) 19.05.2007 в 09:56

    А можно меня как-нибудь отписать от этой новости?)

  13. # sonika (66) 19.05.2007 в 14:12

    Я выключила subscribe to comment

  14. # Gradient (1) 05.06.2007 в 09:11

    есть еще FCKeditor
    Тоже не плохой WYSIWYG, не уступающий TinyMCE

  15. # Archiver (1) 07.06.2007 в 02:14

    Ну wordpress 2.1.x не работает :(

  16. # sonika (66) 09.06.2007 в 02:17

    Добавила в конец статьи ссылку на плагин tinymce advanced для версий wp 2.1 и 2.2

  17. # Dido 24.06.2007 в 10:51

    Что-то я поставил к себе на версию 2.2 tinymce advanced и не работает...:( Просто исчезли изображения из обычного редактора и все... Ничего не добавилось. Я использовал tinymce advanced для версий wp 2.1 и 2.2, все из архива загрузил в указанную директорию.

  18. # sonika (66) 24.06.2007 в 21:47

    2Dido
    См. самый первый абзац этой статьи. Обновила информацию.

  19. # Tu$er (1) 26.01.2009 в 16:08

    Соника! Косяк таков: В визуальном редакторе вставляю таблицу, выравниваю ее по центру. В самом редакторе она видна по центру, а вот при открытии страницы блога, таблица выровнена по левому краю.

    WP v 2.6.5, установлен плагин, расширяющий возможности встроенного TinyMCE. Блог установлен на ПК, работает на Денвере. В чем возможная причина? Спасибо.

  20. # sonika (301) 27.01.2009 в 18:03

    Tu$er, в style.css вашей Темы

  21. # Марина (6) 15.03.2009 в 15:58

    Соника привет! Вот смотрю, как красиво все расположено в ваших постах! Я со своим редактором бьюсь, теряю кучу времени на правку html и все равно, то криво-косо, то пробелы на пол страницы, то еще что-то. Не поделитесь секретами, как вам удалось добится такой красоты? Каким редактором пользуетесь для написания?

    У меня WP6.2, tinymce-advanced.3.2

  22. # sonika 17.03.2009 в 11:04

    Марина, просто не используйте вставку из ворда. И/или чистите текст от лишних тегов (кнопка в виз. редакторе, похожая на веник).

    У меня стоит плагин wp-super-edit, но я виз. редактором практически не пользуюсь тут.

    То оформление, которое видно на сайте к виз. редактору отношения не имеет, все настраивается в style.css в папке Темы.

  23. # Andrew 17.04.2009 в 21:28

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

  24. # frebasic (1) 29.06.2010 в 16:57

    Да нет, просто нашел эту страницу по запросу о визуальный редактор. А оказалось - это ворд пресс.

  25. # sl4mmer (1) 23.08.2010 в 12:18

    спс - а то бы пришлось руками лазить чтоб плагин подсветки кода подключить tiny mce ))

  26. # mini Server (1) 13.04.2011 в 16:06

    TinyMCE работал в 3.0 обновился для 3.1 исчез куда то, кто нибудь сталкивался с такой проблемой ?

Подписаться на фид.
RSS комментариев к этой записи. | TrackBack URI

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


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

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

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