Встроенный редактор WordPress

В WordPress встроен редактор TinyMCE в несколько урезанном виде (его код находится в папке  wp-includes > js > tinymce). (На сайте  редактора TinyMCE tinymce.moxiecode.com доступен для скачивания как сам редактор, так и плагины к нему. (??? Для того, чтобы плагины визуального редактора TinyMCE заработали, нужен (?) специальный плагин для тонкой настройки TinyMCE в WordPress. Такой плагин предлагает Sonica: advanced-wysiwyg.zip)

Полезные кнопки и быстрые клавиши

Alt+Shift+Z Показать/скрыть дополнительную панель кнопок
Alt+Shift+E Переключение между визуальным и HTML-редактором
Alt+Shift+G Полноэкранный режим
Alt+Shift+H Помощь
Редактировать CSS
Вставить/изменить атрибуты - js

Ctrl + клавиша 1 - применить <h1>
Ctrl + клавиша 2 - применить <h2> и т.д.

Alt + Shift +

+клавишадействие+клавишадействие
bполужирныйiкурсив
nпроверка правописанияlвыравнивание по левому краю
jвыравнивание по ширинеcвыравнивание по центру
dперечеркиваниеrвыравнивание по правому краю
u списокaвставить ссылку
o1. списокsудалить ссылку
qцитатаmвставить рисунок
gво весь экранtвставить тег<!-- more-->
pтег <!-- nextpage -->hпомощь
eпереключение в HTML-режим

Изменение настроек

  1. Пользователи-Ваш профиль - Отключить «визуальное редактирование» при написании
  2. Параметры - Написание- Размер текстового поля (10 сторок может быть маловато!)

*** Кстати, в Параметры - Написание есть настройки удаленной публикации...

Особенности работы во встроенном редакторе

Имейте в виду, что переключение в визуальный режим автоматически удаляет некоторое форматирование, включая теги<br> и <p>.

Если поместить в текст статьи код на языках CSS, PHP или javascripts, он не будет работать как код. По умолчанию WordPress преобразует непонятно для него используемые символы < и > в соответствующие HTML-сущности &lt; и &gt;, которые будут отображаться на веб-странице в браузере как < и >.

Теги, введенные в текст статьи в HTML-режиме редактора,  интерпретируются как HTML-код. Тег <code> задает только форматирование и совсем не указывает WordPress, что последующий текст нужно обрабатывать особым образом.

Вот некоторые HTML-сущности:

&nbsp;неразрывный пробел
&raquo;»двойная правая угловая кавычка
&laquo;«двойная левая угловая кавычка
&lt;<левая угловая скобка
&gt;>правая угловая скобка
&bull;маркер
♥ или &hearts;?сердечко
♦ или &diams;?ромб или бубны
♣ или &clubs;?крести
♠ or &spades;?пики
?символ бесконечности
&mdash;длинное тире
&ndash;тире

(http://codex.wordpress.org/Fun_Character_Entities)
Еще:
http://ru.wikipedia.org/wiki/Мнемоники_в_HTML
The ASCII Character Set

Кавычки
В русском языке: парные кавычки &laquo; («) и &raquo; (») и &bdquo; („) и &ldquo; (“).
В английском языке: парные кавычки &ldquo; (“) и &rdquo; (”) и одинарные &lsquo; (‘) и &rsquo; (’).
Скобки: амперсанд (&), решетка (#), номер и точка с запятой (;)

HTML-сущности

HTML-сущности -показано на рисунке

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

91 [ - &#91;
63 ] - &#93;
123 { - &#123;
125 } - &#125;

91 [ - [enti text="&#91;"]
93 ] - [enti text="&#93;"]
123 { - [enti text="&#123;"]
125 } - [enti text="&#125;"]

Автозамена форматирования

В WordPress версии 4.3 добавлена функция автозамены форматирования, которая позволяют быстро создавать заголовки (с помощью символов ##), цитаты (с помощью символа >)  и списки (1. или ненумерованный список с помощью символа *).

Чтобы отменить автозамену, используйте команду отмены - нажмите Ctrl+Z или ESC.

Подробнее см.в статье  Автозамены форматирования в визуальном редакторе в WordPress 4.3.

Плагины

TinyMCE Advanced
WP Super Edit
...

Также см. статью Как добавить свою кнопку в редактор WordPress

7 комментариев: Встроенный редактор WordPress

  1. Валентина говорит:

    Здравствуйте!
    Помогите, пожалуйста, проблему встроенного редактора. Для статьи открывается простыня строк, и с таким длинным документом тяжко работать.
    В Параметры-Написание настройка "Размер текстового поля" вообще отсутствует! Что мне сделать, чтобы настроить размер текстового поля на 10 строк по умолчанию?

    • Admin говорит:

      Какая у Вас версия WordPress? В связи с чем изменились настройки редактора?

  2. Ербол говорит:

    Здравствуйте! У меня работает только визуальный редактор. А во вкладку "текст" ("html") я почему-то не могу перейти. Нажимаю - не переходит, также не могу вставить медиафайлы. В чем проблема, не подскажите??

  3. Антон говорит:

    Здравствуйте. Подскажите пожалуйста у меня вот такая проблема, не отображается редактор в записях. Как его вернуть обратно!) Уже все форумы перелазил.

    • Admin говорит:

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

  4. Kedra говорит:

    Не работает неразрывный пробел в редакторе WP. Ставлю на вкладке текст, при переходе на вкладку визуально тег удаляется.
    Что неверно? Как поставить неразрывный пробел.

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

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