Встроенный редактор 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 вставить ссылку
o 1. список 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 [ - &amp;#91;
93 ] - &amp;#93;
123 { - &amp;#123;
125 } - &amp;#125;

Плагины

TinyMCE Advanced
WP Super Edit
...

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

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

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

*

* Copy this password:

* Type or paste password here:

1,967 Spam Comments Blocked so far by Spam Free Wordpress