воскресенье, 25 декабря 2011 г.

Вставка кода в blogger

Необходимо вставить программный код в сообщение. Ранее я поступал довольно просто (и, наверное, глупо) - изменял шрифт на courier. Понятно, что выразительность этого метода сильно страдает. Но недавно был найден другой способ:


Внимание! Найден ещё более лучший способ.

Шаг 1. Изменяем шаблон

Заходим в настройки > "Шаблон" > "Изменить HTML" > "Приступить". Далее добавляем код:
pre {
 background-color:#FCFBF8;
 border-color:#CCCCCC;
 border-style:solid;
 border-width:1px 1px 1px 1px;
 line-height:1.2em;
 margin:1em auto;
 overflow:auto;
 padding:1em;
 width:90%;
 word-wrap:normal; /* IE Fix */
}


Шаг 2. Затем сохраняем шаблон, а в сообщениях пишем:
<pre></pre>

Важно понимать, что при редактировании страницы, тег <pre> может содержать другие теги (при вставке форматированного текста). В этом случае отображаться правильно будет только одна строка. Необходимо зайти в режим HTML и подправить очередность тегов.

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

Отправить комментарий