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

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

Старт! Честный VDS/VPS, на котором «Лунная База» живет уже 20+ лет

Задумываетесь о том, чтобы поднять свой pet-проект, сайт клиента или настроить окружение для разработки? Уже пора подумать, где арендовать железо.

Лунная База хостится на FirstVDS более 20 лет. Мыслей о том, чтобы перебраться на другой хостинг, не было ни разу (хотя опыт работы с другими вариантами, конечно, есть).

Бывали разные ситуации, но они бывают на любом железе. Главное, что нужно понять: здесь нет маркетинговой шелухи и сказок про «мы всё сделаем за вас». Если вы берете VDS — вам дают полный root, возможность накатить любую ОС и не лезут в ваши конфиги.

Если в саппорт написать с вопросом по вашему коду и получить ответ: «Читайте документацию и разбирайтесь сами» или «Обратитесь к профильному специалисту» — это не повод обижаться. Это повод углубить свои знания в DevOps и сайтостроении! Бегите от тех, кто пообещает: «Мы всё чиним и настраиваем абсолютно бесплатно!». Никто никогда не работает «по доброте душевной» в ущерб себе, а бесплатный сыр в администрировании обычно заканчивается сломанной базой данных.

Что по факту: Гибкое масштабирование ядер и RAM, экономия по сравнению с физическими серверами и адекватная панель ispmanager, если она вам нужна.



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

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

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

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

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

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

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

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

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

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

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

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

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

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

Заключение

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

Самый честный хостинг за 20+ лет существования Лунной Базы

Задумываешься о том, чтобы поднять свой сайт в Интернете? Уже пора подумать о том, какой хостинг выбрать?

Лунная База хостится 20+ лет на firstDVS. При этом, мыслей о том, чтобы перебраться на другой хостинг не было. (Но, при этом есть опыт работы с другими вариантами.)

Бывали с firstDVS разные ситуации, но, они бывают на всех хостингах. Единственное, что тут важно понять, - это то, что никто ничего тебе не будет впаривать... Но, и работать за тебя тоже никто не станет. Если в саппорт ответили: «Читайте по ссылке и разбирайтесь сами...» или вообще «Обратитесь за помощью к специалисту», - это повод углубить свои знания в области сайтостроения, а не бежать к тем, что пообещают: «Мы всё чиним и всё делаем за своих клиентов абсолютно бесплатно!» Никто никогда ничего ни за кого "по доброте душевной" не делал, не делает и не будет делать!

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