сряда, 19 май 2010 г.

Визуализация на HTML код в текст

Макар и рядко понякога се налага в пост или коментар да цитираме част от HTML код. Проблемът е, че ако го препишем или копираме директно, посетителите няма да видят нищо.
Техният браузър автоматично ще превърне кодът във визуална картина. Много хора не се замислят, но всеки сайт, в който влязат в действителност не е поредица от изображения и текст, а някакъв код.
Ето един пример- ако сте с Mozilla , отместете мишката на някое празно място тук, натиснете десен клавиш и долу ще видите опцията –Изходен код на страницата.



Ще ви се отвори нов прозорец, който ви покаже как всъщност представлява страницата.



Браузърите преобразуват този код в красива картинка. Това , обаче е проблем , ако някога ви се наложи да добавите в текст, част от код, както често правя тук. Ако го копирате директно, ще се вижда това, което браузърите превеждат.
Все пак има начин. Това отдолу е част от HTML код, но вие го виждате, като текст:

<div style=' width: 200px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
</div>

Ако го копирате и поставете в пост резултатът ще е следният:






Номерът е лесен, но досаден. Трябва да замените стрелките < и > с поредица от други символи без интервал между тях.
За лявата скоба те са &, l, t и ; , а за дясната &,g,t и ; .
Не зная дали ще ви потрябва някога, но аз доста се изпотих докато открия как става и затова го споделям тук.

.

3 Коментара:

Анонимен каза...

Разкри още една тайна. Този пиниз го открих случайно, но е безотказен, когато си объркан :ш .

Владимир Кабрански каза...

Ако става въпрос за мозилата, рядко го ползвам, но някои уеб мастъри, първо гледат кода, а тогава текста :в

Публикуване на коментар

:п :1а :2а :3а :4а :5а :6а :7а

Правила за съдържанието

Криейтив Комънс договор
Произведението използва Creative Commons Признание-Некомерсиално-Без производни 2.5 България License. Моля, копирането на материали от тук, да става с указване на източника с реален линк.
Блог класация

За мен

Моята снимка
"Ако двамата имаме по една ябълка и ги разменим, пак ще имаме по една ябълка. Ако двамата имаме по една идея или информация и ги разменим, всеки ще има по две!" Джордж Бърнард Шоу

Намерете ни във Facebook

  ©Другият - Всички права запазени

Template by Dicas Browser | Template original Dicas Blogger | Topo