Tinymce advanced

Tinymce advanced

Оглавление:

  • Введение
  • Установка плагина
  • Настройки плагина TinyMCE Advanced
  • Новые возможности редактора
  • Дополнительные настройки

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

Для начала давайте посмотрим, как выглядит стандартное меню редактора Wordpess. Для начала мы узнаем, как создавать новую запись. В панели меню выбираем пункт Записи – Добавить новую.


Tinymce advanced

Перед вами откроется окно редактора записей и страниц Вордпресс. В верхней части текстового поля мы видим одну-единственную строку меню.

Tinymce advanced

Если вы работали в текстовом редакторе Microsoft Word, то легко узнаете иконки знакомых кнопок. В верхней части располагается кнопка «Добавить медиафайл», с помощью которой мы можем добавлять на нашу страницу картинки, аудио и видеофайлы. Ниже идет выпадающий список, в котором мы можем назначить тип заголовка. Далее – стандартный набор функций: работа со шрифтом, кнопки назначение маркированного и нумерованного списка, цитата, выравнивание по (левому краю/ середине/ правому краю), вставить/удалить ссылку или тег «далее» и кнопка показа/скрытия панели инструментов. Если нажать эту последнюю кнопку, то в нашем меню появится вторая строка, где мы увидим дополнительные функции – работа с цветом текста, отступами, кнопки «Отменить» и повторить и другие.

Согласитесь, все же стандартный набор функций нашего редактора выглядит довольно скудно. Давайте же установим наш плагин TinyMCE Advanced, чтобы расширить возможности редактора WordPress.


Плагин TinyMCE Advanced — новые возможности для редактирования.

Установка плагина.

Процедура установки плагинов довольно подробно описана в статье «Как закрыть доступ к сайту плагином». Ничего сложного тут нет. Идем в боковую панель, выбираем «Плагины – Добавить новый». В текстовом окне «Поиск плагинов» вбиваем название нашего плагина — TinyMCE Advanced. Ищем!

Tinymce advanced

После того, как наш плагин нашелся, нажимаем кнопку «Установить». Если вдруг нам пишут, что плагин не совместим с нашей версией WordPress – обновляемся до последней версии. Когда плагин установится, нажимаем кнопку «Активировать». Через несколько секунд наш плагин появится в списке установленных плагинов. Давайте нажмем кнопочку «Настроить» и посмотрим, какие же настройки есть у этого плагина.

Настройки плагина TinyMCE Advanced

Настройки довольно простые. В самом верху мы видим меню редактора со знакомыми нам по другим текстовым редакторам вкладками: «Файл», «Изменить», «Вставить», «Просмотр» и т.п. По умолчанию здесь стоит галочка в поле «Включить меню редактора», при желании вы можете это меню отключить.


Tinymce advanced

В панели меню можно посмотреть, какие команды находятся во вкладках, просто наведя курсор мышки на соответствующую вкладку. Например, во вкладке «Изменить» находятся самые распространенные команды «Вырезать», «Копировать», «Вставить» и т.п. , а во вкладке «Формат» вы найдете инструменты для работы с текстом, заголовками, строками, блоками и т.п. Посмотрите, что находится в каждой вкладке, чтобы представлять себе возможности панели меню. Tinymce advanced

Tinymce advanced

Под панелью меню находятся четыре панели инструментов, которые пользователь может настроить так, как будет удобно ему.
есь мы видим, что две верхние панели уже заполнены некоторыми кнопками и выпадающими списками, а две нижние – пустые. Под этими четырьмя панелями мы видим список неиспользуемых кнопок. Можно перетащить любую кнопку из списка неиспользуемых на пустое место в панели инструментов. Для этого просто нужно навести курсор на нужную кнопку, и когда он примет форму крестика из стрелочек, перетащить его на свободное место в панели. Также можно поступить с теми ненужными кнопками, которые находятся в панели инструментов – убрать их в список неиспользуемых перетаскиванием.

Tinymce advanced

Tinymce advanced

Советую потратить 5-10 минут на настройку панелей инструментов. Расположите на ней те кнопки и инструменты, которые пригодятся вам, а ненужные уберите с нее. Сделайте все настройки сразу, чтобы потом вам не тратить время на это, а просто писать новые статьи.

Я себе настроил вот такую панель инструментов. Мне удобно – все под рукой.

Tinymce advanced

Какие новые возможности редактора у нас появились при установке плагина TinyMCE Advanced? Давайте вкратце рассмотрим их.


  • Возможность выбора разных типов шрифтов и их размеров. За эти функции отвечают два выпадающих списка: «Семейство шрифтов» и «Размеры шрифтов». Шрифты из стандартного набора шрифтов Windows. Очень нужная функция. Не нужно применять никакие стили к тексту, лезть в файлы шаблонов, а двумя кнопками в редакторе оформить текст так, как вам нужно.

Tinymce advanced     Tinymce advanced

  • Возможность выравнивания текста по ширине, установка верхнего и нижнего индексов, появились подчеркнутый и зачеркнутый текст

Tinymce advanced

Tinymce advanced

Tinymce advanced

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

Tinymce advanced

Tinymce advanced

  • Появилась возможность вставлять простые таблицы. Конечно же, это не сложные эксель-таблицы, но для потребностей простых блоггеров таких таблиц вполне достаточно. Инструмент «Таблица» вызывается либо одноименной кнопочкой, либо одноименным пунктом в панели меню. Задаете нужное количество столбцов и строк, и редактор строит вам таблицу. После ее создание можно щелкнуть правой кнопкой по таблице и поменять свойства ячеек, строк или столбцов.

Tinymce advanced

  • Расширены возможности списков. Теперь можно делать различные виды списков.

Tinymce advanced

Tinymce advanced


  • Возможность добавления смайликов в запись. Честно сказать, смайлики на любителя — довольно своеобразные smile  У меня для этого дела стоит специальный плагин — Kama WP Smiles. Если вам нужен этот инструмент — добавляйте себе в панель инструментов.

Tinymce advanced

  • с установкой плагина появляется такая полезная функция, как «Просмотр блоков».

Tinymce advanced

С помощью этой функции вы сможете визуально оценить, как на самом деле оформлен текст вашей статьи. Не всегда можно понять, как в редакторе оформлен ваш текст — автоматически появляются какие-то отступы и пробелы, хотя вы ничего не задавали. Это происходит потому, что редактор WordPress теги переносов строк и абзацев задаются автоматически. Все это сделано для удобства пользователей. Когда вы нажимаете клавишу «Enter», любой написанный вами выше текст оборачивается в теги абзаца. Причем эти теги вы не увидите, даже если перейдете на вкладку «Текст».


Tinymce advanced

Из картинки выше видно, что два первых абзаца взяты в теги абзаца <p>, а цитата взята в теги абзаца и теги цитаты <blockquote>. Нумерованный список завернут в теги <ol>. Когда человек только начинает разбираться с сайтостроением и не знаком со многими тонкостями, это поведение редактора может его озадачить, поэтому важно знать, как работает редактор записей и страниц WordPress. Может быть, даже лучше перед созданием первой записи изучить главные теги HTML для оформления текста. Если вы создаете новый шаблон или при редактируете стили уже имеющегося у вас шаблона, это очень важно.

  • Плагин TinyMCE Advanced позволяет увидеть настоящий исходный код текста вашей статьи без вырезанных тегов. За включение функции отвечает кнопка «Исходный код». Либо можно выбрать пункт «Исходный код» в панели меню в разделе «Инструменты».

Tinymce advanced

Допустим, во вкладке «Текст» написанный вами текст выглядит вот так:

Tinymce advanced

А если мы будем использовать функцию «Исходный код», то увидим:


Tinymce advanced

Здесь мы видим текст нашей записи с уже расставленными редактором тегами абзацев. Именно такой код будет в опубликованной на сайте записи. Редактор во вкладке текст опускает все простые теги (абзацев, отступов, переносов строк), чтобы облегчить работу новичкам. Но иногда это несоответствие кода во вкладке «Текст» и исходного вида записей может раздражать. Для начала новичкам сойдет и такой расклад — ведь редактор автоматически расставляет теги для работы с текстом. Позже, когда вы немного разберетесь в коде, то сумеете отредактировать файл стилей, чтобы оформлять записи так, как нужно именно вам.

Советую потратить немного времени, чтобы разобраться со всеми новыми функциями редактора, которые подарил вам установленный плагин TinyMCE Advanced. Потом вам будет работать намного проще smile .

saitopis.ru

Настройка плагина TinyMCE Advanced


Но вернемся непосредственно к настройке плагина. Для этого идем в раздел «Параметры» — «TinyMCE Advanced»

Рисунок - Настройка плагина TinyMCE Advanced

Данный плагин позволяет создать 4 строки-панелей, на которых можно размещать кнопки, размещенные внизу.

По умолчанию, в 1-й строке представлены следующие кнопки:

  • начертания букв (жирный, подчеркнутый, наклон, зачеркнутый);
  • списки (не- и нумерованные);
  • отступы;
  • выравнивание (рекомендую сразу сюда же добавить «по ширине»  — Justify);
  • добавление и удаление ссылок;
  • работа с изображениями;
  • работа с CSS-стилями;
  • вставка «Читать далее…» и «Разрыв страницы»;
  • проверка правописания.

Во 2-й строке:

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

Как видно, плагин TinyMCE Advanced даже в «базовой комплектации» обладает довольно широкими возможностями. Если вам нужно еще больше – просто перетащите необходимые для вас кнопки. Вот и вся его настройка.

Я рекомендую также добавить еще кнопку «Таблица» (тут скорее всего целая строка, а не кнопка).

Что бы вам помочь, предоставляю вам скрин моих настроек – смотрите, может пригодится:

Рисунок - Настройка плагина TinyMCE Advanced

Хочу еще заметить, что если после активации и настроек у вас будет только одна строка – это означает, что нужно включить отображение всех остальных – такая кнопка расположена в 1-й строке одна из последних.

Кроме «сухого текста», также я записал видео по настройке и установке данного плагина:

Ну и на последок — плагин TinyMCE Advanced имеет множество языковых локализаций. Хотя можно обойтись и без них, т.к. все и так понятно.

На этом все.

Желаю удачи!

www.vashinternetgid.ru

Как вернуть старый редактор (классический)

Предпочитаете остаться со старым, добрым классическим редактором? Без проблем! Не удивительно, что старый редактор установили уже более 1 млн. пользователей. Поддержка плагина Classic Editor останется в WordPress до 2021 года включительно. 

Плагин Classic Editor

Классический редактор WP
Плагин Classic Editor

Classic Editor — официальный плагин от команды разработки WordPress, который восстанавливает старый классический вариант редактора и экрана редактирования записей. Для его установки зайдите Плагины — Добавить новый — Ввести название плагина. На странице модулей нажмите на кнопку «Установить» рядом с Classic Editor.

Старый редактор вордпресс
Установка классического редактора

После установки нажмите «Активировать». После этого, перейдите Настройки — пункт Написание. Здесь, установите Редактор по умолчанию — Классический редактор, а в — Разрешить пользователям переключение редакторов — Да (вы сможете переключиться на редактор блоков и на оборот):

Публикация классический редактор
Настройка публикации в WordPress

Всё! Теперь, для того, чтобы добавить новые возможности для редакторов нам понадобится следующий plagin.

TinyMCE Advanced плагин

Плагин WordPress TinyMCE Advanced
TinyMCE Advanced представляет блок Классический абзац и Гибридный режим для нового редактора блоков (Гутенберг)

TinyMCE продвинутый — редактор для WordPress. Версия 5.0 является основным обновлением TinyMCE Advanced. В нем представлены дополнительные кнопки и настройки для панелей инструментов «Rich Text» в редакторе блоков. Подобно панелям инструментов Классического редактора, большинство кнопок могут быть добавлены, удалены или переставлены. 

Описание плагина

Plugin представляет блок «Классический абзац» и Гибридный режим для нового редактора блоков Gutenberg. Если вы не совсем готовы переключиться на Редактор блоков лучше использовать блок Классический абзац и Гибридный режим. Он позволяет вам продолжать использовать знакомый редактор TinyMCE для большинства задач и в то же время дает вам полный доступ ко всем блокам и новым функциям в редакторе блоков.

Плагин позволит вам добавлять, удалять и размещать кнопки, которые отображаются на панели инструментов визуального редактора в классическом абзаце и классических блоках в новом редакторе блоков, а также в классическом редакторе (если он включен плагином). Там вы можете настроить до четырех рядов кнопок, включая Размер шрифта, Семейство шрифтов, цвета текста и фона, таблицы и многие другие.

wordpressmania.ru

Описание плагина TinyMCE Advanced

Плагин дополнение к редактору TinyMCE Advanced существует очень давно и наверное у 90% пользователей платформы WordPress он установлен и ежедневно используется.

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

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

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

Видео обзор TinyMCE Advanced, его установка и настройка

В данном видео вы увидите преимущества доступные при установке и работе с TinyMCE Advanced.

Чем TinyMCE Advanced лучше стандартного

Для тех кто еще не знает предназначения плагинов у нас есть специальный урок о плагинах, остальные же могут окунуться в статью с головой.

TinyMCE Advanced существует для создания в удобном визуальном и кодовом форматах ваших публикаций, для изменения и создания стиля написания уникальных текстов. Редактор, предложенный в базовом пакете WordPress, мягко говоря убогий, и имеет только основные инструменты.

Плагин tinymce advanced и его настройка

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

Плагин tinymce advanced и его настройка С первого взгляда понятно что наши возможности значительно вырастут с таким функционалом возможностей TinyMCE Advanced. Тот кто хоть раз работал с текстовыми редакторами сможет легко разобраться в иконках и возможностях плагина. Для тех же кому хочется не искать нужные элементы методом тыка разберем основные возможности и настройки TinyMCE Advanced.

Что даст нам TinyMCE Advanced

Итак, использование расширенного редактора TinyMCE Advanced позволит нам добавить и использовать следующие возможности:

  1. Легкое и удобное создание таблиц непосредственно при написании статьи. Редактирование и наполнение которых не вызовет у вас неудобств.
  2. Расширенное и удобное форматирование структуры страницы. Возможность создания и регулирования размещения слоев (<div> блоки).
  3. Вам так же станет доступно ставить верхние и нижние индексы.
  4. Менять цвет фона текста с TinyMCE Advanced можно очень легко без использования CSS.
  5. Внедрять видео файлы станет гораздо удобнее с редактором TinyMCE Advanced.
  6. Изменять размер шрифта.
  7. Широкий выбор семейства шрифтов.
  8. Набор горячих клавиш добавит вам скорости написания и форматирования ваших текстов.
  9. Станет доступна очистить одной клавишей всего форматирования.

Эти и другие возможности пригодятся вам в формировании ваших творений с WordPress.

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

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

Возможные проблемы с TinyMCE Advanced и методы их решения

Плагин TinyMCE Advanced написан на PHP, так же как и любая программа она может по тем или иным причинам не работать. Ниже описаны проблемы, с которыми чаще всего сталкиваются пользователи. Чем же болеет редактор для WordPress.

Не работает визуальный редактор WordPress TinyMCE Advanced

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

  1. Проверить работоспособность других плагинов которыми вы управляете с админки, если их кнопки настроек работают тогда переходим к следующему пункту. В случае возникновения проблем и с другими дополнениями нужно искать причины внутренних настроек, а не в самом плагине.
  2. Обновите WordPress до последней версии.
  3. Полностью удалите плагин и скачайте TinyMCE Advanced с официального сайта.
  4. После установки активируте его и проверьте работоспособность.

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

На странице администрирования: не сортируются кнопки TinyMCE, они не двигаются, панель инструментов пустая, другие ошибки на странице

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

Если это не помогло, попробуйте некоторые общие устранения неисправностей Javascript: очистить кэш, попробуйте другой браузер, попробуйте другой компьютер, если это возможно, удалить и заново загрузить все файлы плагина, и, наконец, установить Firefox с Firebug или Opera, обратите внимание на первый JS вызывающий ошибки (важно) и разместите его ниже или поищите в Интернете, чтобы узнать то, что вызывает его.

Организовал кнопки и сохранил их, но ничего не меняется в визуальном редакторе на странице записей

Нажмите на кнопку «Удалить» (рядом с кнопкой Сохранить), а затем на «Продолжить». Затем выключить и активировать плагин снова. Это сбросить все настройки, которые хранятся в базе данных.

Некоторые кнопки отсутствуют в меню TinyMCE, либо некоторые инструменты не появляются вообще, или TinyMCE ведет себя странно после установки плагина

Почти все эти проблемы вызваны кэш браузера, или сетевой кэш. Очистите кэш браузера, закройте браузер, а затем запустить его и попробуйте еще раз. Если проблема не устраняется, попробуйте перезагрузить страницу, удерживая Ctrl (в IE) или Shift (в Firefox), чтобы указать браузеру что нужна перезагрузка страницы с сервера. Это также может быть вызвано сетевым кэш где-то между вами и вашим веб-хостинга. Просто подождите несколько часов для того, чтобы проблема исчезнет.

Я не вижу каких-либо стилей импортируемых в «style» в раскрывающемся меню

Эти стили (только классы) импортируются из редактора в файл style.css вашей текущей темы. Однако некоторые темы не включать этот файл. В этом случае следуйте инструкциям на странице настроек TinyMCE Avdanced, чтобы добавить свой собственный файл style.css редактор к вашей теме. При определении стилей имейте в виду, что TinyMCE будет импортировать имена только класса:

.my_class{}

.my_other_class {}

Я только что установил плагин TinyMCE Avdanced, но ничего не произошло

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

Когда я добавляю «смайлики», они не показывают в редакторе

Кнопка «Смайлики» в TinyMCE добавляет коды смайлов. Фактические изображения добавляет WordPress при просмотре записи / страницы. Убедитесь, что флажок «Преобразовывать смайлики наподобие :-) и :-P в картинки» в меню «Настройки»/»Написание» установлен.

yrokiwp.ru

Часто задаваемые вопросы

I see an error like: «Failed to load plugin from url…»

These errors are usually caused by the file in question being blocked by some security setting on the server, or (rarely) by caching issues or wrong permissions.

The first step to debug this is to try to access the file directly in the browser (i.e. copy the URL and paste in the browser and press Enter).

If you see the file (that’s usually minified JS, so it is all on one line) chances are it was some sort of caching issue that is now resolved. Try using the editor again.

If you see an HTTP error (like 403 or 500) best would be to contact your web hosting company for help. In some cases deleting and re-installing the plugin may help.

Tables look different (inline styles are missing) when I insert a table

How tables are formatted depends on two things:
1. Settings for the «table» plugin in TinyMCE.
2. Whether you resize the table by dragging.

By default TinyMCE Advanced sets the editor so no additional styles are added to tables. That way tables are displayed exactly how the theme intended to. This can be changed by changing some editor settings. That can be done by using the Advanced TinyMCE Configuration plugin. All table related editor settings are described here: https://www.tiny.cloud/docs/plugins/table/#table_default_attributes.

Regardless of the above settings if you resize a table by dragging the height and/or width of the table tag and cell tags will be set as inline styles.

No styles are imported in the Formats sub-menu

These styles are imported from your current theme editor-style.css file. However some themes do not have this functionality. For these themes TinyMCE Advanced has the option to let you add a customized editor-style.css and import it into the editor.

I have just installed this plugin, but it does not do anything

Измените некоторые кнопки на одной из панелей инструментов, сохраните изменения, очистите кеш браузера и повторите попытку. Если это не сработает, попробуйте переустановить страницу редактирования несколько раз, удерживая Shift или Ctrl. Также может существовать сетевой кеш где-то между вами и вашим хостом. Возможно, вам придется подождать несколько часов, пока не истечет срок действия этого кеша.

When I add «Smilies», they do not show in the editor

The «Emoticons» button in TinyMCE adds the codes for the smilies. The actual images are added by WordPress when viewing the Post. Make sure the checkbox «Convert emoticons to graphics on display» in «Options — Writing» is checked.

The plugin does not add any buttons

Make sure the «Disable the visual editor when writing» checkbox under «Users — Your Profile» is not checked.

I still see the «old» buttons in the editor

Re-save the settings or click the «Restore Default Settings» button on the plugin settings page and then set the buttons again and save.

Other questions? More screenshots?

Отправьте сообщение на форуме поддержки или посетите домашнюю страницу TinyMCE Advanced.

ru.wordpress.org

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

Но расстраиваться не стоит, ведь как всегда к нам на помощь просто летят такие жизненно необходимые плагины! Вот и в этом случае на помощь «прилетает» такой плагин, как TinyMCE Advanced. Это дополнение к сайту кардинально изменит убогое представление о визуальном редакторе. Приступим к установке!

Установка плагина TinyMCE Advanced
А устанавливается он, как ни странно, совсем обычным образом. Консоль -> Плагины -> Добавить новый. Устанавливаем и активируем.

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

Если добавлять много кнопок, то плагин будет работать медленно. Добавляйте только то, что вам нужно!

В чём же преимущество данного плагина?

  • Выделяем текст и придаём ему в один клик тот вид, который пожелаем
  • Выравниваем так, как захотим
  • Добавляем различные списки
  • Внедряем цитаты
  • А так же медиафайлы
  • Выбираем тип шрифта, цвет текста или его фона
  • Вставляем таблицы
  • И многое, многое другое, о чём вы и сами можете посмотреть, ведь работать с плагином TinyMCE Advanced удобно, приятно, интересно, в общем, одно удовольствие!

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

clubwp.ru

Плагин TinyMCE Advanced для WordPress — настройки и использование

Итак, если, несмотря на все «танцы с бубнами», в WordPress не работает визуальный редактор, но вы все равно решили применять в дальнейшем исключительно вкладку «Визуально», поскольку нет ни желания, ни времени возиться с тегами, то попробуйте упомянутый TinyMCE Advanced.

Его можно скачать с официального сайта, откуда, к слову, я рекомендую брать все необходимые плагины. Устанавливаете расширение по известной схеме (в этой публикации вы найдете описание всех действий с плагинами WP).

Затем в разделе «Настройки» — «TinyMCE Advanced» найдете два блока (вверху действующий набор кнопок, который будет установлен по умолчанию, а внизу «запасной» арсенал):

«>

Настройка заключается в перетаскивании нужных кнопок из нижней части в верхнюю. И, наоборот, если какие-то опции вам не нужны, то можете спокойно их разместить внизу. Тут же можно отключить меню, которое по умолчанию включено, просто сняв галочку.

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

«>

Скажем, если вам необходимо подчеркнуть фрагмент текста, а в наборе по умолчанию нет необходимой кнопки, то этот недочет можно восполнить, выбрав из раскрывающегося списка «Формат» пункт «Подчеркнутый». Естественно, предварительно нужно выделить нужное слово или словосочетание:

«>

Или же вы пожелаете вставить в текст какую-нибудь химическую формулу. В таком случае в том же разделе выбираете «Нижний индекс» и применяете его к тому символу, который будет объектом данного действа:

«>

Также в дефолтном наборе нет опции «Исходный код». Ее находим в разделе «Инструменты», щелкнув по соответствующей строчке:

«>

Для чего вообще это нужно? Дело в том, что если вы работаете в визуальном редакторе и переходите в область HTML редактора WordPress, то текст там отразится без некоторых тегов форматирования, а иногда это необходимо. Ну, к примеру, мы форматируем заголовок какого-нибудь подраздела статьи:

«>

Если теперь перейти со вкладки «Визуально» в «Текст», то картина будет следующей:

«>

После использования кнопки «Исходный код» тот же фрагмент после перехода во вкладку текстового редактора обретет недостающие теги:

«>

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

Достаточно сказать, что TinyMCE Advanced позволяет:

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

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

Если вы активируете кнопочку «Вставить как текст», то все скопированное содержание будет вставляться в чистом виде. Это может пригодиться, если вы пожелаете дополнить написанное фрагментом, который вы скопировали из документа Word, и вставить его без форматирования:

«>

В случае необходимости поместить какой-либо спецсимвол HTML жмете соответствующую кнопку «Произвольный символ»:

«>

Из появившегося диалогового окна выбираете нужный знак, который будет вставлен в окно редактора TinyMCE Advanced:

«>

Ну и еще одна опция, которую позволяет использовать расширенный редактор Вордпресс, это построение таблицы с нужным количеством ячеек по вертикали и горизонтали:

«>

Если кликните по значку вопроса, то получите список «горячих клавиш» в качестве альтернативного варианта, которые помогут отображать нужные вам символы.

Дополнительные настройки TinyMCE Advanced

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

Поэтому разберем немного и этот аспект. Итак, пониже основных опций идут три блока, первым из которых является «Параметры»:

«>

В принципе, здесь все корректно переведено на русский язык и интуитивно понятно. По умолчанию включен лишь пункт «Список настроек стилей», который вносит разнообразие в создание маркированных и нумерованных списков, что вполне полезно для всех без исключения.

Я лишь попробовал активировать второй сверху пункт, но родное контекстное меню того же Хрома мне понравилось больше.

Опция «Альтернативный диалог ссылок» позволяет добавить туда атрибут nofollow, но это можно сделать и с помощью добавления соответствующей кнопки, о чем было сказано выше. Так что тут каждый решает сам, насколько это удобнее.

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

Вторым идет блок «Дополнительные параметры»:

«>

Тоже не вполне бесполезные настройки. Например, активированная опция «Создание меню классов CSS» дает возможность загрузить стили CSS, которые содержатся в файле editor-style.css и служат для отображения элементов, расположенных на странице редактора.

«Сохранять тэги параграфов». Обычно при переходе из текстового редактора в визуальный и обратно теги абзацев p и тег переноса </br> не сохраняются. Это опция сохраняет полностью код гипертекстовой разметки. Но при включении этой функции нужно быть внимательными и вначале протестировать корректность ее работы.

«Включить вставку исходного кода изображения» — эту опцию я даже не тестировал, поскольку она годится только для самых мелких картинок и к тому же не работает в моем любимом Google Chrome (здесь читайте об установке и настройках этого браузера).

Ну и третий блок — «Управление», где можно осуществить импорт и экспорт настроек, отметить галочками усовершенствования для редактора (которые, впрочем, включены уже по умолчанию), а также в любой момент восстановить дефолтные настройки:

«>

В завершение этой части статьи очень качественный видеоролик, который поможет вам надежнее усвоить материал по данной теме:

goldbusinessnet.com

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

С помощью плагина TinyMCE Advanced можно добавлять/убирать дополнительные кнопки с панеле визуального редактора. Если вы не так давно работаете в wordpress и совсем не знаете html, то скорее всего плагин TinyMCE Advanced вам понравится )). На скриншоте отображена страница, где вы можете добавить или удалить кнопки с панели визуального редактора (строки с синим фоном). Вы можете скомпоновать рядом нужные вам элементы, вобщем, тут дело вкуса. Я лично практически не пользуюсь визуальным редактором, все форматирование выполняю с помощью html тэгов.

TinyMCE Advanced настройкаРаз уж речь зашла о визуальном редакторе, то хочу скатать, что если вы вставляете текст из программы WORD, то используйте специальную кнопку для вставки из ворд на панеле визуального редактора wordpress. Лично мне понравилась работа со слоями, если нужно придать посту, скажем не шаблонный вид, то писать в html абсолютное позиционирование я никогда не буду, а с помощью плагина TinyMCE Advanced это очень легко и просто сделать в wordpress.

Скачать плагин TinyMCE Advanced для wordpress можно здесь

my-wordpress.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.

Adblock
detector