Wordpress: Заменяем TinyMCE на NicEdit

Поднимите руки, владельцы блогов на движке Wordpress! Так я и знал, не я один такой в этом мире. =) А какой у Вас в админке редактор текста? Дайте угадаю: TinyMCE? Почти для любого случая это будет истиной. Лично меня такая ситуация не устраивает.

Сегодня я расскажу Вам, как можно здорово облегчить себе жизнь и вырезать этот ужасный TinyMCE из админки, заполнив пустое место недавно появившимся, но зарекомендовавшим себя NicEdit. Прямо на главной странице можно потрогать за функциональность этот маленький WYSIWYG-редактор, а на странице с примерами увидеть более сложные варианты его использования. Сразу оговорюсь, редактор больше подходит людям, которые умеют и желают контролировать HTML-код своих статей. Но для общего использования он тоже максимально пригоден.

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

Если посмотреть шаблоны редактирования и создания записей в WP (которые, кстати, шаблонами можно обзывать с большим натягом), то можно увидеть, что отрисовка самого редактора возложена на функцию the_editor, находящуюся в файле wp-includes/general-template.php. Её-то и следует править.

Распаковываем nicEdit-full.zip в папку wp-includes/js и переписываем функцию the_editor примерно следующим образом: http://huze.ru/the_editor.txt.

Её (функцию), конечно, можно было бы и сократить (убрать проверку user_can_richedit, например), но суть ясна, дальше экспериментируйте сами. =) Конечно, редактор не идеален и имеет свои проблемы, но где их нет? К примеру, для полноценной работы сильно не хватает кнопки “more”, позволяющей обрезать статью для отображения на главной странице. Но это решается ручным добавлением тега <––more––> в HTML-исходник статьи. Кто понимает, тот понимает. =)

Этот пост я писал уже в замечательном NicEdit, чего и всем желаю. В следующих статьях я, вероятно, опишу, как добавить кнопки на панель инструментов, а также дам небольшой мануал по настройке скрипта.

Комментариев: 13

  1. HohlOmsoN пишет:

    А какой у Вас в админке редактор текста?

    Прямые руки — вот мой редактор :)
    Вот хоть убейте, но визуальные редакторы я не приемлю вообще.

  2. huze пишет:

    Вот хоть убейте, но визуальные редакторы я не приемлю вообще.

    HohlOmsoN, не все такие, как Вы. Верно и обратное: не Вы один такой. =) Но визуальные редакторы позволяют 99.9% блоггеров делать своё дело, не вдаваясь в тонкости HTML-вёрстки.

  3. Сергей Гладилин пишет:

    А аплоад картинок этот NicEdit позволяет? Понимаю, что именно для WP это не игорает принципиальной роли, но для других приложений играет. Мне пока не попался ни один редактор кроме FCKEditor и TinyMCE, которые умели бы… Или я что-то не так делаю?

  4. Павел Воронин пишет:

    Всё верно, NicEdit ещё не умеет обращаться с загрузкой изображений, но он и не позиционируется как многофункциональное устройство. =)

    В принципе, строение NicEdit имеет достаточно примитивную архитектуру и гибкую (как и всё в JS из-за Великой Лямбды) систему расширений. Если найдётся энтузиаст, то загрузка появится буквально за пару дней.

    Более того, если я не сильно завираюсь, где-то на официальном сайте автор пишет, что занимается адаптацией NicEdit под нужды клиента. За его деньги, конечно. =)

  5. Maxi пишет:

    Огромное спасибо! не знал об этом редаакторе!

  6. igrok54 пишет:

    Сергею Гладилину - загрузка картинок из визуального редактора не нужна, на это есть FTP.

    А тема поста для меня актуальна по нескольким причинам!
    В последние дни искал простой и легкий WYZIWIG редактор для своего сайта и перепробовал штук 20…
    В редакторе не хватает функций вставки таблиц и флеш.
    Мне больше понравился Free Rich Text Editor - вес небольшой (архив 85 кб), функций море (только опять же флеш не вставляет, зато с таблицами полная функциональность), все браузеры поддерживает - проверил, главное - не глючный по сравнению с другими.
    Посмотреть и попробовать демо и найти ссылку на скачивание (в редакторе под “?”) можно у меня же на сайте: http://www.vwhost.org/editor/ (админу - с ссылкой поступайте на свое усмотрение).
    И огромное спасибо админу за инструкцию, как заменить визуальный редактор в WP!

  7. Сергей Гладилин пишет:

    igrok54, визуальный редактор тоже не нужен - надо просто выучить html. А если серьезно, то у меня есть куча случаев, когда я не хочу морочить пользователю мозги тем, что такое FTP, но хочу позволить ему создавать тексты с картинками на моем сайте.

  8. igrok54 пишет:

    С пользователями - другое дело.
    А аплоад картинок вообще мало кто из редакторов делает.
    Кроме перечисленных тобой еще Xinha. Ссылка на плагин для WP - baptiste.us/plugins/xinha4wp/

  9. Виктор пишет:

    Хороший редактор, мне нравится. Один из лучших для ВП.

  10. Art пишет:

    Добрый день. Натолкнулся на вашу статью по замене ninymce на nicedit, все вроде делаю как надо, но все время косяки вываливаются:((( Устал уже очень. Не могли б вы мне пожалуйста скинуть готовый файлик general-template.php на мыло, а то я скоро с ума сойду. Заранее спасибо.

  11. Павел Воронин пишет:

    Ох и давно это было… Я уже не работаю с WordPress. Может быть, кто-нибудь из читателей поделится.

  12. designer пишет:

    В niceditor есть загрузка картинок, но на сервер imageshack.us.
    Как переделать скрипт, чтобы можно было аплоадить картинки на свой сервер?

  13. Павел Воронин пишет:

    Не разбирался и сейчас в редактор лезть тоже не хочется. Извините.

Оставьте свой отзыв!

Спамерам: подумайте, нужно ли Вам трудиться? Nofollow и noindex не спят, а Akismet отстрелил 33,128 спам-комментов.