Как в посте блога записать HTML-код в виде текста

Вторник, 11 Июня 2013 г. 00:15 + в цитатник

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

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

Как в посте блога записать HTML-код в виде текста. Многие сталкиваются с проблемой, когда в посте блога надо написать HTML-код в виде текста. Чтобы, например, дать своим читателям код для баннера, или какой то рамочки. Но вместо этого редактор преобразует этот код в сам баннер или рамку. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
Напишу несколько вариантов, как это сделать.
1. Код банера можно поставить вот в такое окошечко

Вот код этого окошечка, уже преобразованный в текст, который можно сразу копировать.

<input type='text' size='35' value='КОД БАННЕРА'>

где:
size='35' - ширина окошка в пикселях (можно менять значение, если хотите что б окошечко было большего размера.)

Если вы заметили, кавычки в коде одинарные. Это для предотвращения путаницы с кавычками. Если вам нужно вставить код также с одинарными кавычками, то в коде самого окошка нужно поменять кавычки на двойные!!!

2. Но иногда требуется вставить коды большой рамочки, или целого поста. Такое окошечко уже не очень удобно, так как может произойти путаница с кавычками, если где то встретятся одинарные, то вы и вовсе не сможете вставить правильный код в такое окошечко.
Для такого случая используйте ВОТ ЭТИ ТЕГИ.

<textarea> </textarea>

Где <textarea> - это ОТКРЫВАЮЩИЙ ТЕГ, и ставится вначале кода
</textarea> - ЗАКРЫВАЮЩИЙ, который ставится в конце кода. С этими тегами КОД, например простой рамки будет выглядеть ВОТ ТАК.

<table border="0" background="//img-fotki.yandex.ru/get/4133/65387414.1b/0_bfb90_ffd56c2f_L.jpg" cellpadding="3" cellspacing="3" width="200%"><tr><td><table border="2" background="//s46.radikal.ru/i112/0903/e4/ab6d822ce591.jpg" cellpadding="16" cellspacing="16" width="100%"><tr><td><font face="Wingdings"><font size="1"><i></i><font><table border="0" background="http://www.fotohost.kz/images/2013/06/11/BKDR.gif" cellpadding="3" cellspacing="3" width="200%"><tr><td><table border="0" background="//img-fotki.yandex.ru/get/4134/65387414.2c/0_c01d5_64c929ec_L.jpg" cellpadding="2" cellspacing="2" width="100%"><tr><td><br /><center><a target="_blank" href=""><img src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" /></a></center><center></center><font face="Comic Sans MS"><font size="5">Здесь будет Ваш текст или картинка! </font></font><center><a target="_blank" href=""><img src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" /></a></center></td></tr></table></td></tr></table></font></font></font><br /></td></tr></table></td></tr></table>

3. Но если вы просто хотите вставить коды в текст, без ВСЯКИХ ОКОШЕЧЕК, то д ля этого надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на < , левые угловые скобочки > на >

То есть, если вы хотите написать в тесте поста такой код (в этом примере я вставляю код для баннера):
<a href="адрес" target="_blank" title="заголовок"><img src="адрес_изображения" /></a>

То вам в режиме редактирования HTML-кода в своем посте надо вписать его в таком виде:

<a href="адрес" target="_blank" title="заголовок"><img src="адрес_изображения" /></a>

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

Конвертеров таких много, я пользуюсь, "Html Character EnCoder"

Программа очень простая и удобная. Зайдя на сайт Html Character EnCoder, вы увидите вот такие окошечки

Выполняете Шаг 1. Вставляете свой код (например той же рамочки, что я дала в окошечке), в пустое окошко внизу

Шаг 2. Нажимаете кнопку "Convert". И в окошке получаете ваш код, переконвертированный в текст

Шаг 3. Копируете этот новый код и вставляете его в своем редакторе сообщений в режиме редактирования HTML.
Теперь, когда вы опубликуете свое сообщение, то код на странице будет виден именно в виде кода, и его можно теперь сразу копировать.
Например код вот этой рамочки

Здесь будет Ваш текст или картинка!

Будет выглядеть вот так. И любой его может сразу скопировать

<table border="0" background="//img-fotki.yandex.ru/get/4133/65387414.1b/0_bfb90_ffd56c2f_L.jpg" cellpadding="3" cellspacing="3" width="200"><tr><td><table border="2" background="//s46.radikal.ru/i112/0903/e4/ab6d822ce591.jpg" cellpadding="16" cellspacing="16" width="100"><tr><td><font face="Wingdings"><font size="1"><i></i><font><table border="0" background="http://www.fotohost.kz/images/2013/06/11/XGJUO.gif" cellpadding="3" cellspacing="3" width="200"><tr><td><table border="0" background="//img-fotki.yandex.ru/get/4134/65387414.2c/0_c01d5_64c929ec_L.jpg" cellpadding="2" cellspacing="2" width="100"><tr><td><br /><center><a target="_blank" href=><img src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" ></a></center><center></center><font face="Comic Sans MS"><font size="5">Здесь будет Ваш текст или картинка! </font></font><center><a target="_blank" href=><img src="http://s9.rimg.info/c26f9ce0b17f883505bed65aa7e4acdf.gif" ></a></center></font></font></font><br /></td></tr></table></td></tr></table></td></tr></table>

Точно так же сайт вам переконвертирует любой код в текст, и вы ЛЕГКО ЕГО ВСТАВИТЕ В любой ТЕКСТ.
Успехов в вашем творчестве.

Из блога ГАЛИНЫ ШАДРИНОЙ

Рубрики:

ЛиРу для "чайников"

Понравилось: 2 пользователям

<a href="https://www.liveinternet.ru/users/ustek/post279541221/">РљР°Рє РІ РїРѕСЃС‚Рµ Р±Р»РѕРіР° Р·Р°РїРёСЃР°С‚СЊ HTML-РєРѕРґ РІ РІРёРґРµ С‚РµРєСЃС‚Р°</a><br/>
РљР°Рє РІ РїРѕСЃС‚Рµ Р±Р»РѕРіР° Р·Р°РїРёСЃР°С‚СЊ HTML-РєРѕРґ РІ РІРёРґРµ С‚РµРєСЃС‚Р°. РњРЅРѕРіРёРµ СЃС‚Р°Р»РєРёРІР°СЋС‚СЃСЏ СЃ РїСЂРѕР±Р»РµРјРѕР№, РєРѕРіРґР° РІ РїРѕСЃС‚Рµ Р±Р»РѕРіР° РЅР°РґРѕ РЅР°РїРёСЃР°С‚СЊ HTML-РєРѕРґ РІ РІРёРґРµ С‚РµРєСЃС‚Р°. Р§С‚РѕР±С‹, РЅР°РїСЂРёРјРµСЂ, РґР°С‚СЊ СЃРІРѕРёРј С‡РёС‚Р°С‚РµР»СЏРј РєРѕРґ РґР»СЏ Р±Р°РЅРЅРµСЂР°, РёР»Рё РєР°РєРѕР№ С‚Рѕ СЂР°РјРѕС‡РєРё.  РќРѕ РІРјРµСЃС‚Рѕ СЌС‚РѕРіРѕ СЂРµРґР°РєС‚РѕСЂ РїСЂРµРѕР±СЂР°Р·СѓРµС‚ СЌС‚РѕС‚ РєРѕРґ РІ СЃР°Рј Р±Р°РЅРЅРµСЂ РёР»Рё СЂР°РјРєСѓ. РўР°Рє С‡С‚Рѕ Р¶Рµ РґРµР»Р°С‚СЊ, С‡С‚РѕР±С‹ РєРѕРґ РѕСЃС‚Р°Р»СЃСЏ РІ С‚РµРєСЃС‚Рµ СЃРѕРѕР±С‰РµРЅРёСЏ РІРёРґРµРЅ РєР°Рє HTML?
РќР°РїРёС€Сѓ РЅРµСЃРєРѕР»СЊРєРѕ РІР°СЂРёР°РЅС‚РѕРІ, РєР°Рє СЌС‚Рѕ СЃРґРµР»Р°С‚СЊ. 
1.      РљРѕРґ Р±Р°РЅРµСЂР° РјРѕР¶РЅРѕ РїРѕСЃС‚Р°РІРёС‚СЊ РІРѕС‚ РІ С‚Р°РєРѕРµ РѕРєРѕС€РµС‡РєРѕ

Р’РѕС‚ РєРѕРґ СЌС‚РѕРіРѕ РѕРєРѕС€РµС‡РєР°, СѓР¶Рµ РїСЂРµРѕР±СЂР°Р·РѕРІР°РЅРЅС‹Р№ РІ С‚РµРєСЃС‚, РєРѕС‚РѕСЂС‹Р№ РјРѕР¶РЅРѕ СЃСЂР°Р·Сѓ РєРѕРїРёСЂРѕРІР°С‚СЊ.

&lt;input type=&#039;text&#039; size=... <a href="https://www.liveinternet.ru/users/ustek/post279541221/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

TomaMos обратиться по имени Вторник, 18 Июня 2013 г. 09:54 (ссылка)

Так, с первого раза не въехала(((
А ты так делаешь посты?

Ответить С цитатой В цитатник

Вторник, 18 Июня 2013 г. 15:38ссылка

UstEK

Я их вообще никак не делаю. Ты разве не заметила? Я только собираюсь учиться, поэтому всю информацию по этому вопросу тащу к себе в дневник, можно сказать, без разбора.

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 21 Июня 2013 г. 01:05ссылка

TomaMos

ЛЕНОЧКА,милая моя Леночка,это просто надо показать один раз.
Покажу обязательно.

Ответить С цитатой В цитатник Обратиться по имени

Пятница, 21 Июня 2013 г. 16:02ссылка

UstEK

Томуль, спасибо, конечно! Буду ждать от тебя урока. Но ты, солнышко, по-моему, закружилась-заработалась: я - Лена. В выходные отдохни как следует. А нам хорошо отдохнуть не получится, наверное. Откуда-то завернул такой холод! Бр-р-р!

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 24 Июня 2013 г. 22:40ссылка

TomaMos

Да я знаю что ты Леночка!
Кирдык(((

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 24 Июня 2013 г. 23:28ссылка

UstEK

Как отдохнула в выходные? Я классно балбесничала: муж на выходные уехал на рыбалку, дочь - на сессии, на улице дождь и холод. Вот я и осталась дома: в субботу убиралась, варила. А в воскресенье диван с пультом вконец задавила. Надоело даже валяться, да и сегодня от безделья что-то в спину вступило. Так что завтра после работы на дачу, на грядки! Лечиться.

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 24 Июня 2013 г. 23:30ссылка

TomaMos

Вот-вот!!!Лечиться на грядки.
Ну нет у нас грядок.Кашпо с цветами и то купили.
Но,Лена,отдыхать надо,вот просто валяться и ничего не делать.
Я так тоже буду скоро.

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 24 Июня 2013 г. 23:38ссылка

UstEK

Нет, с грядками работающему человеку не отдохнешь. Вот уж жду-не дождусь пенсии.

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 24 Июня 2013 г. 23:39ссылка

TomaMos

Придет твоя пенсия.
а дача постоянно у нас с тобой.
А я так хотела свой укроп и лук,кинзу для салата и петрушку.
Опять пролетела(

Ответить С цитатой В цитатник Обратиться по имени

Понедельник, 24 Июня 2013 г. 23:51ссылка

UstEK

Немного потеряла. Еще насажаешься. А то еще войдешь во вкус и распашешь все свои клумбы-газоны и засадишь всё картошкой с помидорами и прочими овощами. Кошмар!

Ответить С цитатой В цитатник Обратиться по имени

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Метки

-Рубрики

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

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

-Статистика

Как в посте блога записать HTML-код в виде текста