Мой сайт о WordPress и PHP
 
15 июня 2007

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

Читали 6602 раза
Рубрика: Плагины и хаки
Навигация: Главная » WordPress » Плагины и хаки

При желании, можно расширить визуальный редактор WordPress'а с помощью плагина Advanced TinyMCE Editor. Этот плагин добавляет 60 новых кнопок.

Я не пользуюсь визуальным редактором, но мне показалось интересным то, что этот плагин очень легко устанавливается, и, что самое главное, работает. :) Проверял на WordPress 2.2 и особых проблем не возникло. Так, что ради эксперимента, вы тоже можете попробовать.

Устанавливается плагин очень просто. Вначале копируется один файл в каталог WordPress-плагинов, остальные в каталог плагинов TinyMCE. Я бы рекомендовал сохранить старую версию этого каталога, чтобы в случае проблем, просто его заменить. Сам плагин активируется, как обычно в админ-панели.

Возможные проблемы описаны на официальном сайте, там же приведены подробные инструкции. Отмечу только, что после установки нужно сбросить кеш браузера (Ctrl+Shift+F5).

Из замеченных проблем: оказалось невозможным переключиться на вкладку «Код»; почему-то не подключились кнопки «увеличить/уменьшить отступ»; изменился шрифт редактора на какой-то мелкий.

Из того, что мне понравилось: работают все «цветовые» кнопки и таблица. Но самой интересной для меня оказалась кнопка «Fullscreen mode» - с её помощь можно развернуть редактор на все окно браузера.

Для любителей «поковырять» рекомендую заглянуть в файл плагина «advanced-tinyMCE.php» - в нем приведен код, которым можно подключить кнопки в редакторе. Я уже писал об этом раньше, но этот плагин, конечно же удобней и сделан элегантней. Думаю, что можно было бы кустомизировать под себя нужные кнопки (и, кстати, определить, какие сбоят).

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

26 комментариев к “Расширенный визуальный редактор WordPress”

  1. karagodin:

    На мой взгляд, сейчас на данном поле лидирует все же LiveWriter BETA 2... Добавлена возможность создавать и редактировать статичные страницы + вообще проработано едро. Дмуаю, он лучший на сегодня.

  2. Delchyve:

    Я некоторое время wbloggar пользовался. Но прямо скажем не очень.
    Кстати, Максим, не мог бы ты посоветовать какой-нибудь "заменитель" визуальному редактору WP. Потому что пользоваться им себе в ущерб :) Чем ты пользуешься? Своей собственной разработкой?

  3. Lecactus:

    karagodin
    как скачать LiveWriter BETA 2 ?
    ссылки не вижу на сайте там. у меня сейчас бета1. в принципе устараивает но хочется "создавать и редактировать статичные страницы" тоже

    кстати TinyMCE прекрасно работает и с WS 2.0.x и 2.1.x также

  4. Bobik:

    Не подскажете кстати как сделать так что бы при начале создания сообщения по умолчанию открывался Code а не wysiwyg редактор?

  5. Максим:

    2Delchyve:

    Да, я пользуюсь своей программой.

  6. karagodin:

    Lecactus вот, ссылка на этот божественный редактор LIVE WRITER BETA 2 - http://get.live.com/betas/writer_betas !

    P.S. Макс, прости, но мне кажется, что это лучше твоего реадктора.

  7. Максим:

    Я свое мнение и не навязываю. :) В конце-концов, WLW распространаяется бесплатно, а я свою программу только своим клиентам. Да и сравнивать особо нечего, поскольку WLW это примитивный HTML-редактор, и не более того. При этом очень проблемный и глючный. Например до сих пор так и не научившийся работать с кодировками. При загрузке последних записей, у меня, например вылетает ошибка, невозможно просмотреть иерархию рубрик и не дающий возможности установить короткую ссылку или, скажем дату записи. Про мета-поля я вообще молчу... Так, что WLW это для нетребовательного пользователя. Но если это так, то не проще ли воспользоваться встроенным TinyMCE?

  8. karagodin:

    Ну, хз! странно, но и короткую ссылку и иерархию рубрик и дату и даже кодировки у меня делать получается. Ты точно новую BETA скачал?

  9. Максим:

    Версия 1.0 (12.0.1183.516). Я тут стал разбираться и оказалось, что рубрики и короткую ссылку можно добавить только в WordPress 2.2. Что касается 2.0.10, то ни в какую.

    Но, при попытке опубликовать запись, всё равно выходят знаки вопросов. Причем, что в самой записи, что в её заголовке, что в новой рубрике. Хотя, превьюшка в самом WLW показывается корректно. Дату, кстати, тоже выставляет некорректно. Например задаю 7/06, публикует как 10/06... :eek:

  10. Lecactus:

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

    Максим, я использую WLW с оригинальным вордпрессом начиная с 2.0.4 и до 2.2 и все с кодировками там корректно, и все же он удобнее чем TinyMCE.
    например он умеет автоматом создавать превьюшки разных размеров на картинки и цепляет на них watermark, можно перетаскивать мышкой куски страниц или вообще любые тексты и картинки с любых программ.
    и еще один его плюс, по сравнению с многими клиентами (а скачал и опробовал я много всего) что загружается шаблон блога сразу в редактор и получается настоящий "визивиг" со всем оформлением.
    но Tiny тоже пользуюсь когда пишу не со своего компа либо вставлю в пост что либо нестандартное (ролик через wordtube например) или еще какой файл загружаю. и еще я там к нему несколько плагинов добавил для удобства. кстати он по дефолту выводит не все кнопки на панель и если играть с его настройками то можно вообще его запортить :( а некоторые кнопки вроде выбираю что должны появиться а их ну нигде не видно вообще.

  11. Максим:

    Я думаю, что у WLW проблемы с кодировкой скорее всего из-за неверной кодовой страницы windows. Я с этим уже сталкивался, когда вместо win-1251 используется win-1252 или win-1250. Поэтому программа передает уже искаженные данные на сервер. Поэтому здесь проблема может быть даже и не в WLW. Просто если это детище MS, то могли бы продумать этот вопрос. Хотя до не-английских пользователей, дело дойдет не скоро.

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

    Но скажу, что в новой версии своей программы я добавил еще один вариант, когда запись публикуется в блоге как черновик (у меня это называется "тестировать"), но сама запись остается без изменений в редакторе. Сама же превьюшка открывается в браузере, но в отличие от WLW, который открывает только главную страницу, в моем происходит сразу отображение нужной страницы. После того, как запись отредактирована, можно снять опцию "черновик" и она будет опубликована. То есть в моей программе реализован реальный предпросмотр, а не псевдо, как у WLW. В WLW такое сделать проблематично, поскольку его "черновик" это не тоже самое, что и "черновик" на сервере.

  12. Lecactus:

    Сорри попутал. :mad: Я пользовался плагином EditorMonkey с включенным в него TinyMCE и он там работал малость криво. Поставил этот и очень доволен, НО хотелось бы использовать как и с прошлым плагином управляющие кнопки в поле комментария, или сделать такие же кнопки как тут на сайте.

  13. Алекс:

    как его устанавливать?
    вроде копирую все куда сказано
    настройки появляются - редактор нет

  14. Никита:

    А меня внутренний редактор устраивает. Не, я вчера долго к нему привыкал, но всё же долшло как вывести HTML код. Раздражает только то   выводится один раз, если сохранить статью повторно - появляется простой пробел... А в целом, нормальный, без лишних наворотов редактор.

  15. Геннадий:

    Кто расскажет подробно,как его ставить,-что и куда копировать? Кто расшифрует вот это :Вначале копируется один файл в каталог WordPress-плагинов, остальные в каталог плагинов TinyMCE.

    Какой файл вначале и где этот каталог TinyMCE ? :neutral:

  16. Lecactus:

    Геннадий, все просто. кстати если вы ставите новую версию 0.5.0
    то копируйте из архива папку advanced-tinymce в папку wp-content\plugins\ на сервере
    и папку plugins из архива в папку wp-includes\js\tinymce\
    потом активируете плагин и заходите в НАСТРОЙКИ-ADVANCED TinyMCE
    там жмете один раз кнопку SAVE SETTINGS
    после этого все заработает :) ))

  17. oiboi:

    у меня нет таких папок!
    wp-includes\js\tinymce\

    только
    wp-content/uploads
    custom-content/themes
    custom-content/plugins

    куда ставить?

  18. Максим:

    У вас, что хостинг от Зенона?

  19. oiboi:

    Да! :mrgreen:
    это плюс или минус?

  20. Максим:

    Это что-то вроде нуля ;) Вам придется писать хостеру, чтобы он установил для вас плагин. На Зеноне вообще нельзя свои плагины устанавливать, а те которые есть работают криво. :???:

  21. oiboi:

    Спасибо за информацию, буду разбираться!

    а там можно все потереть и поставить заново?

  22. Максим:

    Не знаю. Напишите админу, в их извращениях с WordPress'ом пусть сами разбираются. :wink:

  23. SiriuS:

    Максим, подскажите что делать, сломал всю голову себе, все сделал как написанно у вас, записал плагины и в папку tiny, и в папку wordpress`a, но ничего не изменилось визуальный редактор не включился, что делать? кнопку SAVE SETTINGS нажимал.

  24. serg:

    Блин :cry: Photopress на Woedpress MU не таботает. Грит: Try logging in

  25. Paki:

    Вот блин! пошел по ссылке в посте, а уже давно новая версия вышла http://wordpress.org/extend/plugins/tinymce-advanced/

    3.0.1 :mad:

  26. Болик:

    Будбте добры подскажите пожалуйста в чем может быть дело - визуальный редактор не работае - что простой , что расширенный - выдает постоянно ошибку на страницу и ни в какую не открывается... :neutral:


Оставьте комментарий! (Вы согласны с правилами)

 

:mrgreen: :neutral: :twisted: :arrow: :shock: :smile: :???: :cool: :evil: :grin: :idea: :oops: :razz: :roll: :wink: :cry: :eek: :lol: :mad: :sad: :!: :?:

При добавлении кода (html, php) заменяйте < на &lt; и > на &gt;.
Внимание: антиспам - зверь! Копируйте своё сообщение перед отправкой. На всякий случай.