Плагин 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 стили.
Думаю, эти заметки вам пригодятся в работе. Если есть какие-то вопросы, задавайте их в комментариях.
комментария 142 к статье “Плагин TinyMCE Advanced – wordpress текстовый редактор”
Блог Wordpress Inside поможет вам научиться работать в вордпресс, закрепить и расширить имеющиеся знания. Плагины и шаблоны, разные хаки и функции wp, оптимизация и безопасность системы – все это и намного больше вы сможете найти на страницах нашего проекта!
Если хотите быстро и оперативно получать последние новости и статьи, то рекомендуем подписаться на обновления блога:
- Як сховати відсутні товари в Woocommerce шорткодах та схожих товарах
- Сервіс AdMaven + плагін для монетизації трафіка на WordPress сайтах
- Плагіни для створення стрічки новин з біжучим рядком в WordPress
- Як змінити розміщення кнопки оформлення замовлення в WooCommerce
- Плагін WHWS Display In Stock Products First – відображення товарів в наявності першими
- Підписка MonsterONE: чи варто використовувати цей сервіс у 2023 році? (+5 продуктів, які треба скачати в першу чергу)
- Онлайн генератор ссылок на мессенджеры для WordPress и не только
- WooCommerce (46)
- Безопасность (12)
- Видео (6)
- Виджеты (28)
- Возможности (141)
- Вопрос-ответ (6)
- Начинающим (52)
- Новости (46)
- Оптимизация (23)
- Плагины (246)
- Сервисы (87)
- Хаки и секреты (87)
- Шаблоны (45)
- Записи и посты wordpress, оформление записи (5,91 из 7, голосов - 47)
- Проблема с адаптивными изображениями в Gutenberg редакторе WordPress (3,88 из 7, голосов - 50)
- Умный копирайт в footer.php для wordpress (5,63 из 7, голосов - 30)
- Обновление плагинов и тем в WordPress: автоматическое, через FTP, скрытие уведомлений (5,19 из 7, голосов - 31)
- Polylang — плагин для мультиязычных сайтов на нескольких языках в WordPress (4,42 из 7, голосов - 31)
- Плагин TinyMCE Advanced – wordpress текстовый редактор (6,35 из 7, голосов - 20)
- Рубрики и категории wordpress, функция wp_list_categories (6,05 из 7, голосов - 20)
- Дизайн Мания - о веб-дизайне и не только.
- Tod's Blog - все про заработок онлайн.
- Вебдванольные заметки - обзоры веб-сервисов.
- Советы по выбору холодильника LG с технологией No Frost
- Зачем нужны Wi-Fi ретрансляторы и как выбрать подходящую модель
- Введение в онлайн-казино Slotor777: многообразие игр и привлекательные бонусы
- Необходимость использования облачного хранилища в наше время, что важно и как выгодно?
- Спрощення процесу звітності за допомогою програми BAS Бухгалтерія
- Технологія підключення інтернету GPON та її переваги
- За що гравці найбільше цінують Lineage 2
- Для каких проектов нужна аренда виртуального сервера и что такое VPS
К сожалению не нашел страницу контактов на сайте, поэтому обращаюсь так. Очень понравился ваш предыдущий пост про плагины для работы с изображениями. Очень хотелось бы увидеть подобные обзоры в ближайшем будущем. Очень интересны обзоры плагинов, которые существенно расширяют возможности wp. К примеру, плагины форумов(или интеграция в wp сторонних движков), плагины для работы с видео(видео галереи), плагины досок объявления и т.д. Можно ли на это рассчитывать в ближайшем будущем?
слушай Tod, такой вопрос… а если блог уже стоит и работает определенное время, никаких конфликтов после установки не должно произойти? не в курсе?
редактор офигенный, я про него слышал, но все забывал о нем… одна возможность вставлять таблицы действительно, чего стоит только ))
Sharpei, рассматривать буду все, но понятно, не завтра или не на следующей неделе, пока что вся информация строится на основании личного опыта, либо текущих задач. Форумы и видео — вполне нцжные задачи, запишу себе в планы на будущее.
toribloger, никаких конфликтов возникнуть не должно.
Вроде TinyMCE и так входит в стандартный вордпресс — там просто использована не вся функциональность его.
Вообще — очень тяжелая штука. использовать исключительно для админки блога, а для портала или для камментов совсем не подходит.
Неплохой редактор. Установлю.
Tod
скажи пожалуйста, а то ты так и не ответил в посте про подписку для блога, там где подписка по ррс, твитер и почте, как сделать такую рамку, как у тебя. И еще вопросик: как сделать фиксированный пост, но без даты и рубрики, как у тебя на главной, сразу после шапки(сео текст), буду премного благодарен.
Функциональность у TinyMCE Advanced действительно отличная, но сам плагин довольно тяжелый, а на практике его эффективность нужна только тем, кто не слишком дружит с HTML.
Честно говоря, я сначала тоже долго им восхищался, но когда понял, что в основном мне попросту не требуются его функции — выключил.
Отличный редактор давно пользую им, вполне адекватен и удобен!
Плагин первоначально был сделан под жумлу, но потом перекинули на ВП, отличная весчЪ, советую!
не понимаю…почему автор меня тупо игнорирует…
Спасибо большое за эту информацию! Как раз хотела апгрейдить редактор, но не знала об этом плагине. *Пошла его устанавливать*
sweatego, рамку сделать через css стили.
А описание категории можно выводить через свойство category_description, подробнее здесь.
я понял, что через цсс, я просил пример, а то я не понимаю как сделать
sweatego, как-то так:
.social {
border:1px solid #D8D8D8;
background:#F2F2F2;
padding:5px 10px;
font-size:12px;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
vertical-align: top;
}
спасибо огромное!))
я кстати, не использовал те теги, которые вы привели, я просто скопировал, как у вас, и вставил в индекс пхп -это нормально, так прокатит?)
это я про сео текст до контента)))
вставил в цсс, но ничего не произошло(((нужна особая магия?((
sweatego, если вставить в индекс, то текст просто будет выводится почти что на каждой странице блога. Можно немного пошаманить и заставить выводить текст только на первой странице wordpress блога. В остальном, как я уже сказал выше — копать функцию category_description.
По поводу css — нужно разбираться в html и css, иначе сложно будет что-то изменить. Если добавил стиль, то нужно и в шаблоне его разместить, то есть «оборачиаешь» свой код, где выводится приглашение подписаться в div, где указываешь class=»social».
Тоже его ставил. Очень недурно надо сказать… хотя последнее время в админке провожу мало времени (ведь есть MS Live Writer… правда метки в нём не очень удобно расставлять).
А вот как бы этот редактор прицепить к комментариям? Понимаю, что странное желание, но для одного из мох проектов это очень желательно.
Фантаст, видел такое в блогах, думаю для этого нужно поискать соответствующий плагин.
Хороший редактор. Вот только иногда глчит немного, а в целом работает нормально. Хорошо что хоть расширять его можно.
Очень удобно использовать при добавлении текста на собственный сайт
Для меня полезными здесь будут только три кнопки: смайлы, верхний и нижний индекс. Остальное всегда считал лишним))
Может и пора переходить на Advanced версию! Стандартная постоянно глючит: вечная проблема с визуальным редактором.
Всем, привет!
А,это вам не кажеться,что данный плагин уж слишком наворочен?
Лично я пользуюся стандартным редактором,который установлен в WordPress,просто много в данном редакторе ненужных вещей
Хай..плагин действительно хороший, если не ошибаюсь написан он на ЯваСкрипте…его устанавливать можно на любой сайт, не каких конфликтов я не замечал.Редактор удобный в использовании, я сам им пользуюсь и не только на блогах….ну а не нужные вещи, можно ведь и по убирать с редактора и подстроить под себя..а так я бы сказал редактор на все случаи жизни)
Классная штука! А я-то мучился со стандартным редактором и Вордом.
Сейчас думал: надо подписываться, полезный блог. Смотрю, а автор — Tod.
Я уже подписан на один ваш проект, подпишусь и на второй
В WYSIWYG режиме портит html-код. Например, удаляет теги и всё что между ними. Стандартный редактор тоже этим страдал, понадеялся что в расширено редакторе этогго не будет, и оказывается зря… Причём для того, чтобы запороть статью, достаточно открыть редактор в WYSIWYG, т.е если предыдущюю статью закончил редактировать в WYSIWYG, то статью с -ами лучше не открывать, иначе, собственно всё… А ведь видео со многих сайтов только через вставить в свой блог можно (с контакта, например)…
Эм… Чёт неправильно пост сохранился (я так смотрю, на этом блоге тоже проблема с сохранением этих тегов XD)… Должно было быть примерно так:
В WYSIWYG режиме портит html-код. Например, удаляет теги ‘iframe’ и всё что между ними. Стандартный редактор тоже этим страдал, понадеялся что в расширено редакторе этогго не будет, и оказывается зря… Причём для того, чтобы запороть статью, достаточно открыть редактор в WYSIWYG, т.е если предыдущюю статью закончил редактировать в WYSIWYG, то статью с -ами лучше не открывать, иначе, собственно всё… А ведь видео со многих сайтов только через ‘iframe’ вставить в свой блог можно (с контакта, например)…
Вообще разницы между стандартом и этим плагином не вижу, что я делаю не так? Может тут конечно различие в количестве кнопок, но какаяразница, если эти кнопки и так не нужны… А вообще мне, да и думаю многим в полне хватает всего, не правда ли?
спасибо!