Мар

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

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

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

Как вы видите иконок здесь для всяких действий более чем достаточно. Не буду сравнивать со стандартным, поскольку уже даже забыл как он выглядит, расскажу лишь про некоторые детали в 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 можно импортировать в редактор пользовательский css файл стилей – тоже может пригодиться. В целом, как я и сказал с самого начала поста, модуль must have!

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

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

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

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

Оцените статью:

(голосов - 19, средний балл: 6,32 из 7)

Загрузка...

Категории: Возможности; Плагины;

Теги: админка wp, обзоры плагинов, полезное для блога, публикация статей, текстовый редактор, тексты блога.

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

← Ранее 1 2 3 4 5 Далее →

Леонид 26.11.2012
Здравствуйте. Может я не туда пишу (даже скорее всего), но все же, установил данный плагин и все равно не получается для таблицы поставить рамку (border). (до плагина тоже не получалось).
Можете чем то помочь?
Tod 27.11.2012
Леонид, если честно, эти таблицы и графические редакторы во многих CMS у меня тоже не всегда работали, поэтому тут я вижу 2 варианта — прописать все рамки через HTML и сохранить статью тоже в режиме HTML дабы код не потерялся. Это допустимо если например вы создаете сайт, раз все указали, сохранили и забыли. Когда таблиц много, то можно определить для них общее оформление через style.css задав для TABLE все нужные параметры border.
Наталья 28.11.2012
Спасибо за инфу, лично я нашла то что мне нужно.
Татьяна 05.12.2012
Здорово! Только что установила! Именно то что было нужно. Не все кнопки функций понятны, но то что получила нравится.
Юрий 28.12.2012
Добрый день! Помогите пожалуста, я не сильно понимаю во всем этом , мне создали сайт и редактор стоит Вордпресс версии 3.5, установил с сайта последнюю подходящую версию TinyMCE Advanced , все стало и активировалось, подскажите как поменять язык на русский? и при наведении на значек появляется крестик и ничего не нажимается, Спасибо.
Нина 09.01.2013
Большая, большая благодарность
Уася 24.01.2013
Спасибо от души, функций море нужных и не очень)) Очень понравилось)
Гуревич 16.02.2013
Дак а чё, он не руссикй. Не люблю нерусифицированные плагины.
Tod 17.02.2013
Гуревич, да там, в принципе, переводить нечего.
svvoy 25.02.2013
у меня гдето был файлик перевода…. нужно поискать
Виталий 28.02.2013
Здравствуйте. попытался установит этот плагин , пишет такую штуку

Извлечение файлов…
Установка плагина…
Каталог назначения уже существует. /home/a1063252/public_html/wp-content/plugins/tinymce-advanced/
Установка плагина не удалась.

но в установленных его там нету, подскажите пожалуйста что делать? может есть что то на подобие этого плагине??
Tod 28.02.2013
Виталий, зайдите на ФТП и удалите из плагинов директорию tinymce-advanced, потом попробуйте установить заново. Я так понимаю там какой-то конфликт с правами доступа и перезаписать поверху не получается.
Виктор 09.05.2013
Как сделать так, чтобы абзацы обрамлялись в тег при помощи данного плагина?
Olga 09.05.2013
Перерыла весь инет! установила этот плагин-в нем есть все, что меня интересовало. До этого какие только не ставила!!!-ничего не работало! спасибо! Буду искать дальше, что мне надо! Все понятно и доступно описано для таких «чайников» как я)))))
Tod 09.05.2013
Виктор, не могу подсказать, таким не занимался.
Николай 20.07.2013
Установил плагин TinyMCE Advanced, вроде все сделал как Вы учите, захожу в редактор Админки, а изменений никаких нет, все по старому, подскажите пжл что делать.
Tod 21.07.2013
Николай, может несовместимость версий системы и плагина — обновитесь до последних релизов. Больше подсказать особо нечего, т.к. с такой проблемой я не сталкивался.
Татьяна 22.07.2013
У меня та же проблема, что и Николая. Скачала и установила этот плагин (потому что пропали кнопки визуального редактора), а изменений нет, точнее только смайлы от TinyMCE Advanced. WordPress сегодня обновила до последней версии. В профиле отключить визуальный редактор галочка не стоит.
Может быть что-то посоветуете?
Tod 23.07.2013
Татьяна, единственное, что приходит на ум — это нехватка ресурсов хостинга. Помнится, когда у меня были ограничения memory_limit то TinyMCE Advanced как и некоторые другие плагины вообще не грузился.
Галина 14.11.2013
Спасибо за инфу, с первого раза (хоть и начинающая) зафункционировал плагин.
Руслан 10.12.2013
Подскажите пожалуйста! При вводе любой ссылки например http://www.test.ru/ после сохранения текста исчезает один слэш — http:/www.test.ru/. Соответственно ссылка не работает! В чем же дело? Спасибо!
Tod 12.12.2013
Руслан, первый раз с таким глюком сталкиваюсь, если честно. Там в TinyMCE Advanced в настройках есть опция включения «продвинутой настройки ссылок» (название другое), попробуйте включить, если оно неактивно. Возможно, тогда ссылки будут правильно вставляться. Но опять же, я первый раз вижу такой глюк.
Василий 12.12.2013
Спасибо за описание плагина, искал именно расширенное меню для редактирования текста в статьях на wordpress и TinyMCE Advanced оказался то что нужно!
Андрей 19.12.2013
Собственно ересь эти редакторы, не помогают потому что речь идёт о WordPress! Я вот недавно блог веду, а так и не понял как заставить этот TinyMCE делать 2-3, а то и 4 абзаца. Вручную прописываешь 4 штук + закрытые и нифига, на сайте чётко один ставит. И при переходе из режима html в обычный постоянно слетают вручную проставленные и другое. К примеру тег у ссылок сразу херится, если открыть запись на редактирование. Потом вновь прописываешь… На джумле такой херни и близко нет.

В чём проблема, где копать?
Tod 19.12.2013
Андрей, нужно искать информацию о «дополнительной настройке» редакторов для вордпресс. Этот автоматические убирает лишние отступы. Мне иногда помогает добавлять не просто абзацы, а сделать абзац и там нажать пробел чтобы была хоть какая-то информация в строке (или через &nbsp попробовать).
Ирина 25.02.2014
Здравствуйте, Tod!
Я новичок в wp. Работаю в админке нового сайта, где установлен Ultimate TinyMCE.
Все, что форматируется и оформляется в визуальном редакторе — на выходе все слетает, тексты не отформатированы.
Подскажите, пожалуйста, в чем проблема? Подозреваю, что в настройках CSS. Но что именно нужно донастроить?
Tod 27.02.2014
Ирина, а сменить редактор на другой нет возможности? Вообще все может зависеть и от шаблона, иногда они настроены таким образом, что оформление не сохраняется. К сожалению, единственный вариант получить на выходе то, что нужно — сохранять тексты в HTML формате (правда и это на 100% не гарантирует результат).
Нужно искать причину — будь то плагин или, возможно, действительно CSS стили меняют оформления. Конкретно, увы, не могу подсказать.
Сергей 06.03.2014
Спасибо. Обязательно попробую этот редактор.
Ольга 26.03.2014
У меня появилась такая ошибка:
You don’t have permission to access /wp-content/plugins/tinymce-advanced/mce/table/table.htm on this server

раньше работало все нормально, а сейчас возникает, когда хочу вставить ссылку или таблицу в текст. Мне кажется, что появилось после обновления вордпресса, но точно не уверена.
Переустановила плагин заново, не помогает. Что это может быть?
Tod 26.03.2014
Ольга, попробуйте по ФТП установить права доступа на этот файл 777 или даже на директорию, что его содержит. Возможно, несостыковка версий вордпресс и самого плагина.