Как вставить код HTML в текст,чтоб его могли скопировать,онлайн-сайт для конвертирования
Как в посте блога записать HTML-код в виде текста. Многие сталкиваются с проблемой, когда в посте блога надо написать HTML-код в виде текста. Чтобы, например, дать своим читателям код для баннера, или какой то рамочки. Но вместо этого редактор преобразует этот код в сам баннер или рамку. Так что же делать, чтобы код остался в тексте сообщения виден как HTML?
Напишу несколько вариантов, как это сделать.
1. Код банера можно поставить вот в такое окошечко
Вот код этого окошечка, уже преобразованный в текст, который можно сразу копировать.
<input type='text' size='35' value='КОД БАННЕРА'>
где: size='35' - ширина окошка в пикселях (можно менять значение, если хотите что б окошечко было большего размера.)
Если вы заметили, кавычки в коде одинарные. Это для предотвращения путаницы с кавычками. Если вам нужно вставить код также с одинарными кавычками, то в коде самого окошка нужно поменять кавычки на двойные!!!
2. Но иногда требуется вставить коды большой рамочки, или целого поста. Такое окошечко уже не очень удобно, так как может произойти путаница с кавычками, если где то встретятся одинарные, то вы и вовсе не сможете вставить правильный код в такое окошечко.
Для такого случая используйте ВОТ ЭТИ ТЕГИ.
<textarea> </textarea>
Где <textarea> - это ОТКРЫВАЮЩИЙ ТЕГ, и ставится вначале кода </textarea> - ЗАКРЫВАЮЩИЙ, который ставится в конце кода. С этими тегами КОД, например простой рамки будет выглядеть ВОТ ТАК.
3. Но если вы просто хотите вставить коды в текст, без ВСЯКИХ ОКОШЕЧЕК, то д ля этого надо перевести специальные символы кода в их текстовые обозначения. Заменить все правые угловые скобочки < на < , левые угловые скобочки > на >
То есть, если вы хотите написать в тесте поста такой код (в этом примере я вставляю код для баннера): <a href="адрес" target="_blank" title="заголовок"><img src="адрес_изображения" /></a>
То вам в режиме редактирования HTML-кода в своем посте надо вписать его в таком виде:
Кроме того, в некоторых редакторах не так отображаются кавычки, возможно еще какие-то символы. Поэтому чтобы не морочить голову с заменой, можно воспользоваться программой, которая вам сама автоматически переведет нужный код в текстовые символы. Это гораздо быстрее, чем вы будете искать и заменять необходимые символы вручную
Программа очень простая и удобная. Зайдя на сайт Html Character EnCoder, вы увидите вот такие окошечки
Выполняете Шаг 1. Вставляете свой код (например той же рамочки, что я дала в окошечке), в пустое окошко внизу
Шаг 2. Нажимаете кнопку "Convert". И в окошке получаете ваш код, переконвертированный в текст
Шаг 3. Копируете этот новый код и вставляете его в своем редакторе сообщений в режиме редактирования HTML.
Теперь, когда вы опубликуете свое сообщение, то код на странице будет виден именно в виде кода, и его можно теперь сразу копировать.
Например код вот этой рамочки
Здесь будет Ваш текст или картинка!
Будет выглядеть вот так. И любой его может сразу скопировать
