-Рубрики

 -Поиск по дневнику

Поиск сообщений в Frosinda

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 26.01.2011
Записей: 11257
Комментариев: 640
Написано: 13029


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

Суббота, 29 Октября 2011 г. 19:04 + в цитатник
Цитата сообщения 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 - Как разместить аудио в посте или комментарии с помощью ВВ-кода
Рубрики:  КОМП