Как в редакторе TinyMCE посмотреть код HTML

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



Кнопка «Выключить редактор» в TinyMCE

Первым способом отключения TinyMCE является кнопка «Выключить редактор», которая обычно располагается в нижнем правом углу блока редактора. Найти её не составит большого труда:

Кнопка «Выключить редактор» в TinyMCE

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

Кнопка «Включить редактор» в TinyMCE

Для того, чтобы вернуться в режим визуального редакторы нужно повторно нажать на кнопку «Выключить редактор» это вернёт TinyMCE в обычный режим, а все правки, сделанные при выключенном режиме, останутся. Бывают исключения, зависящие от настроек TinyMCE, но их мы рассмотрим в других статьях.

Кнопка «Исходный код» в TinyMCE

Вторым не менее удобным способом внести правки в код (в обход TinyMCE) является кнопка «Исходный код». Она располагается в верней панели кнопок управления редактором и выглядит как две угловые скобки <>:

Кнопка «Исходный код» в TinyMCE

Наличие этой кнопки в панели кнопок редактора опять же зависит от настроек TinyMCE, поэтому, если вдруг её нет, то нужно попросить её установить админа, отвечающего за обслуживание сайта. Она довольно просто устанавливается, но это предмет другого разговора. А сейчас посмотрим, что происходит при нажатии этой кнопки.

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

нажать кнопку  «Исходный код»

Для того, чтобы вернуться в режим визуального редактора

  • с сохранением правок, нужно нажать кнопку «Ok»;
  • без сохранения правок, нужно нажать кнопку «Отмена» или на крестик в правом верхнем углу.

Заключение

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

Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! ;)

Старт! Горячий старт на просторы интернета
Старт! Горячий старт на просторы интернета
Старт! Меню