Будь в курсе событий!

30.03.2013

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

Leave a Comment
Многие сталкиваются с проблемой, когда в посте блога надо написать HTML-код в виде текста. Чтобы, например, дать своим читателям код для баннера. (Как его написать, подробно рассказано у меня ТУТ). Но вместо этого редактор преобразует этот код в сам баннер. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
Для этого надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на  < , левые угловые скобочки > на

То есть, если вы хотите написать в тесте поста такой код (в этом примере я вставляю код для баннера):

То вам в режиме редактирования HTML-кода в своем посте надо вписать его в таком виде:  
<a href="адрес" target="_blank" title="заголовок"><img src="адрес_изображения" /></a> 

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

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

Выполняете Шаг 1. Вставляете свой код в пустое окошко внизу

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

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

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

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

Еще один способ сделать это, воспользоваться текстовым полем.
Вот в такие строчки надо заключить ваш код для баннера. Это надо вставить в режиме редактирования HTML.



Здесь  cols - это ширина окошка, а   rows - его высота (все в количестве символов).
В результате у вас в блоге появится вот такое окошко, с нужным кодом внутри.


P.S. У меня в редакторе блога никаких этих ухищрений делать не надо, он сам разбирается с переводом символов. Но уже несколько раз я получала вопросы о том, как это сделать от моих читателей, в том числе и тех, у кого блоги на платформе Блогспот.

0 коммент. :

© 2012-2017 Cash's from program