На ЛиРу мы часто сталкиваемся с проблемой, что при вставлении кодов в кодовое окошко, код в окне выставляется не полностью - обрезаются "хвостики", и приходиться прибегать к разного рода ухищрениям, типа вставления в код звёздочки * и др.

То есть, я хочу дать коды, например, вот этих кодовых окошек:

1. Код с использованием тэга <input 

2. Код с использованием тэга <textarea

ВАШ КОД

Секретик 1:

Для того, чтобы код можно было писать прямо в тексте, без окошка, его надо обрамить так:

 

<xmp> Ваш код</xmp>

 

Итак, окошко есть, дело за малым - вместо слов "ВАШ КОД" подставить код самого окошка, чтобы он был виден, и его можно было скопировать.

Проделаем это действие и получаем вот ЭТО!!!!  А где хвостики??? 

1. Код с использованием тэга <input обрезался в самом начале кода

2. Код с использованием тэга <textarea вставился, как надо

<textarea cols="60" rows="2">ВАШ КОД</textarea>

Секретик 2:

Для работы с кодами HTML удобно использовать он-лайн генератор. Пишите код, и сразу смотрите, что получилось. Всё наглядно 

 

Теперь попробуем изменить параметры окошка - rows и cols, определяющие площадь окна.

<textarea cols="50" name="textpole" rows="10">Ваш код

Длинное окошко

<textarea cols="70" name="textpole" rows="2">Ваш код

Коды в окне ОБРЕЗАНЫ!!!

Что же делать? Секрет этого безобразия в том, что код, который надо вставить в окошко сначала надо преобразовать в текстовом (визуальном)  режиме, то есть осуществить перевод  специальных символов кода в их текстовые обозначения. Заменить все правые угловые скобочки < на  &lt; , левые угловые скобочки > на &gt;

Для этого открываем страницу нового сообщения (лучше сразу отправить её в черновик, чтобы не опубликовать ненароком).

Открываем расширенный редактор, и в визуальном (текстовом) режиме пишем код, который надо вставить в окошко. Вот так:

Переключаемся в редактор HTML, для этого нажмём на кнопку "Источник"

Видим уже преображённый код:

Выделяем код мышкой и копируем:

Идём в редактор HTML он-лайн:

Сначала вставляем в поле для кодов основной код:

Теперь вместо слов ВАШ КОД вставляем преобразованный код:

Копируем на мышку и вставляем в наше сообщение в режиме HTML.

Получаем:

Ура! Всё встало, как надо!!!  

И варианты окошек со стилями:

С тэгом <input

С тэгом <textarea

<textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ </textarea>