Разработка, создание и продвижение сайтов в Гомеле - Обновление ReloadCMS

К парсингу [сode] добавлен парсинг [сode="Здесь напишите язык"]
Код теперь подсвечивается в зависимости от языка, благодаря вынесенной отдельно функции.

Количество возможных языков будет со временем увеличено, а в штатный редактор добавлены соответствующие кнопки.

Кроме того, подсвеченный данным тегом текст будет отображаться без переносов строк, и при этом сворачиваться в скролл, если его ширина превышает ширину родителя.

Найти код, который имеет больше ширины родителя, и при этом сворачивается в скролл, оказалось делом непростым. Дело в том, что ширина родителя коду заранее неизвестна. Помогло свойство таблицы table-layout:fixed;

Вот получившийся код, который работает идеально.

Код: HTML


<table style="width:100% !important;table-layout:fixed;">

<tbody>

<tr><th class="codetitle">Код: PHP</th></tr>

<tr><td class="codetext">

<pre style="overflow:auto">

<code>

Здесь длинный-предлинный код, больше ширины родителя, но свёрнутый в скролл по ширине родителя 100%, и при этом без переносов!

</code>

</pre>

</td></tr>

</tbody>

</table>

Он может понадобиться и другим движкам:)

06.04.2014 12:35 Автор/источник: Den1xxx

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

Вы не залогинены! Регистрация

Устал читать? Напиши! Или позвони +375 29 5344286. На связи по будним дням с 8⁰⁰ до 17⁰⁰.

Логин:
Пароль:
Запомнить меня

Имя пользователя: