Мар
4
142

Плагин TinyMCE Advanced – wordpress текстовый редактор

wordpress текстовый редакторЕсть у меня небольшой набор плагинов wordpress, которые смело можно называть «must have» для каждого блоггера, то есть обязательными к использованию. Устанавливаю по возможности практически одну и ту же сборку на все свои блоги, что позволяет сделать работу с системой более продуктивной, функциональной и удобной для посетителей. Думаю, в дальнейшем обзоры их всех вы найдете на страницах этого блога, про кое-какие модули уже успел рассказать, но большинство из них еще впереди. Сегодня речь пойдет о продвинутом текстовом редакторе TinyMCE Advanced – штука очень классная и практичная.

Вообще в текстовом редакторе, по сути, вы проводите больше всего времени в wordpress – публикуете и форматируете текст, добавляете теги, категории wordpress, картинки вставляете, иногда приходится размещать таблицы и т.п. В общем, очень важно иметь под ругой функциональный, качественный инструмент. По умолчанию в системе wordpress есть свой редактор, но я бы все равно рекомендовал устанавливать TinyMCE Advanced. Вот так он выглядит в действии сейчас в админке блога wordpress inside:

текстовый редактор wordpress

Как вы видите иконок здесь для всяких действий более чем достаточно. Не буду сравнивать со стандартным, поскольку уже даже забыл как он выглядит, расскажу лишь про некоторые детали в TinyMCE Advanced. В первой строке у нас есть кнопки:

  • форматирование wordpress  шрифта (жирным, курсивом, с подчеркиванием и т.п.)
  • создание обычных и нумерованных списков, а также отступов для текста
  • выравнивание текста по краям, центру и всей ширине колонки
  • создание и удаление ссылок
  • вставка изображения
  • редактирования css
  • создание цитат
  • вставка разделителей в wordpress читать далее и следующей страницы
  • включение проверки орфографии, нахождения строки в тексте
  • включение полноэкранного режима, а также отображение дополнительной строки функциональных клавиш для текстового редактора TinyMCE Advanced
  • последняя кнопка – вставка голосования плагина wp-polls.

Вторая строка не менее важная и также содержит ряд интересных функций:

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

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

Установка и настройка TinyMCE Advanced

Скачать текстовый редактор TinyMCE Advanced можно с официального сайта вордпресс здесь. Следует заметить, что для разных версий wordpress (2.6, 2.7, 2.8+) нужно использовать свой дистрибутив.  На момент написания статьи последняя версия плагина есть 3.2.7.

Установка стандартная – после скачивания разархивируем и загружаем на фтп блога в папку wp-content/plugins. Далее активируем TinyMCE Advanced из админки, после чего заходим в меню «Параметры» — «TinyMCE Advanced», где нужно произвести его настройку. Финальным аккордом есть очистка кэша браузера.

Перед тем как рассказать о настройке еще пару слов про функциональность модуля. По описанию на официальном сайте в него входит аж 15 других плагинов: Advanced HR, Advanced Image, Advanced Link, Context Menu, Emotions (Smilies), Date and Time, IESpell, Layer, Nonbreaking, Print, Search and Replace, Style, Table, Visual Characters и XHTML Extras. Все это возможно получить, установив лишь один TinyMCE Advanced! Кроме английского языка плагин поддерживает и некоторые другие локализации (немецкую, французскую, итальянскую, испанскую, русскую и т.д.). В общем, сомневаться в широких возможностях модуля не приходится.

Настройка TinyMCE Advanced производится в админке блога в одноименном пункте меню. Процесс не сложный, скорее даже интересный. На странице вы увидите 4 строки текстового редактора, куда можно будет разместить различные функциональные клавиши:

плагин TinyMCE Advanced

Видите сколько там еще все припасено? Вникать в детали вам уже придется самостоятельно, благо все элементы подписаны и достаточно наглядные. Выделил бы отдельно, пожалуй, блок с функциями для работы с таблицами – позволит быстро и легко создавать, изменять их в тексте. Еще в TinyMCE Advanced можно импортировать в редактор пользовательский css файл стилей – тоже может пригодиться. В целом, как я и сказал с самого начала поста, модуль must have!

Дополнения для TinyMCE Advanced

В блоге есть парочка статей, рассказывающих о расширении возможностей плагина:

  • Изменяем цвет текста в WordPress с помощью модуля TinyMCE Color Grid и не только. Данное решение создает здоровенную палитрую цветов в редакторе + добавляет еще одну полезную функцию. Также в статье найдете хак для functions.php, позволяющий заменять базовые цвета в TinyMCE Advanced на свои.
  • Как подключить шрифт в WordPress редакторе — рассматриваю задачу установки новых пользовательских шрифтов в TinyMCE Advanced, а также добавление Google Fonts через обычные CSS стили.

Думаю, эти заметки вам пригодятся в работе. Если есть какие-то вопросы, задавайте их в комментариях.

рейтинг Оцените статью:
Ужасная статьяНичего интересногоТак себеНормальноХорошоКлассный постВ закладки!
(голосов - 19, средний балл: 6,32 из 7)
Загрузка...

категория Категории: Возможности; Плагины;
теги Теги: , , , , , .

комментария 142 к статье “Плагин TinyMCE Advanced – wordpress текстовый редактор”

  • samsim   07.06.2014

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

  • Tod   09.06.2014

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

  • Intervent66   12.07.2014

    Статья показалась весьма пользительной, через админку установил этот плагин, но выглядит почему то все одноцветным и не нашел кучи того что есть на сканах((( Может ссылочку дадите на скачку именно такого плагина? Плиизз…)))

  • Tod   13.07.2014

    Intervent66, в статье есть ссылка на плагин, вот она http://wordpress.org/plugins/tinymce-advanced/

  • Ольга   29.09.2014

    Здравствуйте!
    хотела добавить красивое оформление текста, пнравился плагин, но вот Вы пишите , что можно изменить «цвет для шрифта и фона» Цвет шрифта-да, а вот фон? хочу сделать заливку текста как в Word, боксом мне не нравится, но и в этом плагине не нахожу! (((

  • Tod   30.09.2014

    Ольга, кнопка заливки фона текста находится рядом с цветом шрифта, хотя конечно это выглядит не особо красиво)

  • Ольга   30.09.2014

    Нет такой кнопки рядом ((( рядом смайлики и горячие кнопки (( ну да ладно, раз это не очень красиво )))…

  • Анна   03.10.2014

    Я благодарю вас!!!!!!! Этот плагин именно то что надо!!! В стандартном наборе в Вордпресс нет сметы шрифтов и стилей, так же не возможно редактировать пробелы и отступы с новой строки! Тут все это доступно. А так как мои авторы пишут по 2-3 статьи в день и оооочень увлекаются всякими выделениями текстов (тематика такова, что так нужно)… То теперь все это облегчило мой адских труд! И да, конечно я человек который не знает языков программирования, а просто юзер! ))))
    Это чудо! А вы волшебник! :*

  • Dea   14.11.2014

    Добрый день не подскажите у меня не видно этого редактора если пользователь wordpress не admin
    Не подскажите что делать ?

  • Tod   14.11.2014

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

  • Videoman   09.01.2015

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

  • Tod   09.01.2015

    Videoman, не совсем понимаю, что подразумевается. Просто создаете таблицу на странице, а потом в ячейках размещаете картинки.

  • Videoman   10.01.2015

    Tod, я так и подумал. Просто плагинов предлагающих создание таблиц для wordpress вагон и тележка, воспользовался плагином TinyMCE Advanced

  • qwerty   12.01.2015

    установка стандартная – после скачивания разархивируем и загружаем на фтп блога в папку wp-content/plugins.

    Подскажите чайнику где искать: фтп блога?

  • Tod   12.01.2015

    qwerty, вообще фтп — протокол доступа к файлам, который находятся на хостинге, загрузить плагин можно с помощью программы FileZilla. В новых версиях системы возможна установка плагинов сразу через админку вордпресс — в разделе «Плагины» есть пункт «Добавить новый».

  • Вениамин   01.02.2015

    Очень хороший плагин мне нравится. Буду дальше им пользоваться.

  • Александр   22.03.2015

    Хороший редактор! Актуален и для WordPress 4.1.1. Теперь вопрос. Кто знает как изменить размер гиф анимашки. Имеется ввиду не вес анимашки , а пиксельный размер(высота ,ширина)

  • Tod   23.03.2015

    Александр, если вы про смайлики, то никак. По смайликам есть другие плагины или WP Emoji One.

  • Валентин   30.03.2015

    Подскажите а как сделать отступ текста в таблице редактора TinyMCE ?

  • Tod   30.03.2015

    Валентин, при добавлении таблицы есть разные настройки, например «Отступ в ячейках» которая задает отступ для текста. Можно добавить таблице определенный class или id после чего определять все через CSS стили.

  • Евгений   06.04.2015

    Отличный плагин. Хорошая статья. Я долго искал что то подобное и вот оно. Огромное спасибо за информацию. теперь можно нормально страницы редактировать.

  • Владимир   13.04.2015

    Спасибо за наводку :) , всегда не хватало некоторых функций в стандартном редакторе.

  • Александр В   27.10.2015

    спасибо за подробный обзор текстового редактора TinyMCE Advanced. Жаль, что в нём нет возможности и делать спойлеры (аккордеоны).

  • Tod   28.10.2015

    Александр, да, для этих целей придется поискать другой плагин.

  • Dmitriy   02.02.2016

    Потрясный плагин! Вот теперь можно развернуться в оформлении статей… лишь бы не перебрать, хе хе

  • Tod   03.02.2016

    Dmitriy, да, нужно знать меру) Также советую глянуть подборку плагинов шорткодов для WordPress. Там еще больше возможностей оформления.

  • Николай   13.02.2016

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

  • Самат   28.06.2016

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

  • Сергей   01.07.2016

    Спасибо большое! Этого очень не хватало!

  • Альфред   10.07.2016

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

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


Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!

Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:

Поиск:
Последние посты
Лучшее в категории

Облако тегов
Скажи свое мнение!

В чем основные плюсы Wordpress?

Посмотреть результаты

Загрузка ... Загрузка ...
Друзья проекта
Последние новости