Мар
4
136

Плагин 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 стили.

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

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

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

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

  • Леонид   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 или даже на директорию, что его содержит. Возможно, несостыковка версий вордпресс и самого плагина.

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


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

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

Последние посты
Заработай в GoGetLinks
Лучшее в категории
Облако тегов
Скажи свое мнение!

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

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

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