Как вставить HTML-код в сообщение, эпиграф, комментарий

Понедельник, 17 Декабря 2012 г. 22:56 + в цитатник

Цитата сообщения BraveDefender

Прочитать целиком В свой цитатник или сообщество!

Как вставить HTML-код в сообщение, эпиграф, комментарий

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

код в эпиграфе

Это простая ошибка, которую легко исправить, если знать причину и знать, какие существуют редакторы.

Совсем немного теории

Любая веб-страница состоит из специальных команд-тегов: html, php и т.п. Эти теги дают команду браузерам (Internet Explorer, Opera, Mozilla Firefox и другим), как отображать веб-страницу на экране вашего монитора.

Попробуйте нажать комбинацию клавиш Ctrl+U и вы увидите страницу так, как ее видит браузер.

HTML и BB коды

Если объяснить совсем просто, то обычно визуально их можно отличить по скобочкам:

HTML-коды – угловые скобки (< и > ), например, <strong>;

BB-коды – квадратные скобки ([ и ]), например, [user=].

Простой и расширенный редактор на ЛиРу

На LiveInternet используется простой и расширенный редактор (они есть на страничке настроек и на странице добавления нового сообщения). И ВВ-, и HTML-коды "работают" и в простом, и в расширенном редакторе. Но есть одна особенность.

Если вы вставите HTML-код в расширенном редакторе, то они будут восприняты как простой текст.

Поэтому при вставке HTML-кода в расширенном редакторе нужно нажать кнопку "Источник". Или переключиться на простой редактор.

вставка html-кода

Простой редактор эпиграфа.

простой редактор

Такие же кнопки и ссылки есть и на странице добавления сообщений.

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

В комментариях есть только простой редактор.

Серия сообщений "Коды. HTML и ВВ [Codes. HTML&BB]":
Часть 1 - Использование спецкодов (ВВ-кодов) на Лиру
Часть 2 - Как скачать сразу все фотографии по ссылкам-превью с помощью плагина DownThemAll! для Firefox
Часть 3 - Как вставить HTML-код в сообщение, эпиграф, комментарий
Часть 4 - Как добавить голосование на видео
Часть 5 - Как разместить аудио в посте или комментарии с помощью ВВ-кода
...
Часть 7 - Простой способ вставить картинку
Часть 8 - Как вставить открытку (картинку) в личное сообщение на ЛиРу
Часть 9 - Как скопировать со страницы некопируемый текст