DbHelp.ru
Маленький Yii блог
Комментарии
Гость: Приветствую. преобразователь в системе. Публикация производится при использовании высокую конку...
Гость: привет
Гость: http://pese-a-ponte.ch/it/component/k2/itemlist/user/1718 Играть онлайн бесплатно в рулетку без риги...
Гость: http://happy-mam.ru/component/k2/itemlist/user/1573 Лучшее виртуальное казино Чтобы вращать виртуаль...
Гость: http://pese-a-ponte.ch/it/component/k2/itemlist/user/6487 Вулкан казино депозит за регистрацию Здесь...



Сервер Ultima Online - Forest Wars (от создателя данного блога)

Подсветка синтаксиса

Рубрика: Что нового?

Оцените эту статью:

Рейтинг: 0.00 (0)
19 апр. 2010
Опубликовать в Twitter Написать в Facebook Опубликовать в своем блоге livejournal.com

Подсветка php кода на страницах блога — штука невероятно удобная. Давайте в двух словах разберемся как я подкрутил её у себя...

---

Все инструменты для подсветки синтаксиса делятся на две категории (насколько мне известно): js скрипты делающие подсветку на стороне клиента и серверные скрипты которые делают всё это на стороне сервера.

Описывать подробно плюсы и минусы думаю нет смысла, т.к. они вполне очевидны:

  • js-библиотеки изменяют блок с кодом на лету в браузере пользователя. Если javascript у него будет отключен - всей красоты он не увидит. Конечно выполнение скрипта требует небольшого времени и для больших страниц с кодом пользователю потребуется подождать пока скрипт выполнит свою работу (примерно 0.5-2сек)
  • серверные скрипты подсветки синтаксиса делают разукравшивание всего один раз, при добавлении/изменении страницы. css/html требуемый для красивого отображения кода попадает сразу в базу. Данный вариант удобен конечным пользователям т.к. не требует от них поддержки js и выполнения кода подсветки у себя в браузере от страницы к странице.

Для подсветки на своем блоге я выбрал маленький скрипт highlight.js который на стороне клиента занимается всеми «разукрашиваниями». Мне просто удобнее что бы код в базе не меняли всякие скрипты, вдруг я через день передумаю и решу использовать что то другое.

Порядок работы:

1. Заходим на сайт и скачиваем highlight.js

2. Распаковываем папку highlight в корень, рядом с папкрй protected

3. Подключаем скрипт в лаяуте строчкой:

<script src="/highlight/highlight.pack.js"></script>
либо зададим свойство scriptMap компонента clientScript. Это можно сделать как в настройках приложения, так и в коде. К примеру:
$cs=Yii::app()->clientScript;
$cs->scriptMap=array(
    'highlight'=>'/highlight/highlight.js',
    …
);

4. На странице где хотим использовать подсветку синтаксиса (либо сразу в лаяуте) делаем инициализацию библиотеки:

<script type="text/javascript">
hljs.initHighlightingOnLoad();
</script>

5. Блоки кода на сайте в которых хотим использовать подсветку синтаксиса оформляем по типу:

<pre><code>...</code></pre>

Пользуемся!



Если хотите опубликовать этот материал у себя - пожалуйста, разместите ссылку на страницу откуда вы его взяли.
Другие yii статьи:

  1. Вот в отпуске побывал впервые в жизни... а некоторые так за всю жизнь ни разу там и не бывают как ... "Не будите программиста!"

  2. Сегодня на главной странице Yii Framework-а появилось интересное сообщение о возможности быстро опробовать уже установленный Yii 1.0.6 в виде ... "Попробуй Yii как VMware образ"

  3. Столкнулся я с вопросом как без создания формы через CFormModel — поюзать встроенный валидатор для проверки капчи. Вот чего то ... "Валидация капчи в Controller-е"

[adm] zolter

Было сказано: Вторник, 20 апреля 2010

Дополнил немного статью

[guest] Werewolf

Было сказано: Вторник, 20 апреля 2010

<script src="/view/highlight/highlight.pack.js"></script>
Protected должна быть закрыта от глаз, тем более класть ее прямо в корень документрута кощунственно.


Мне кажется проще использовать registerScriptFile.

[adm] zolter

Было сказано: Вторник, 20 апреля 2010

Я изначально использую вариант с scriptMap, по поводу protected исправил, действительно неверно указал :)

[guest] yareg

Было сказано: Четверг, 29 апреля 2010

Хотел написать на мыло, но как-то не нашел контактного мейла...
http://ipicture.ru/upload/100429/Fxy7fc64xg.jpg

[guest] zolter

Было сказано: Четверг, 29 апреля 2010

Оо спасибо,
на будущее моя почта zolter.od@gmail.com

[guest] zolter

Было сказано: Четверг, 06 мая 2010

Подсветка синтаксиса кстати походу есть встроенная в yii, надо будет об этом написать :)

[guest] Гость

Было сказано: Среда, 25 августа 2010

Столкнулся с проблемой, что TinyMCE-редактор перекодирует символы и логично, что подсветка не работает. Как обойти это? Например как то выделить, что это мол исходный код - его не трогай)

[adm] zolter

Было сказано: Четверг, 26 августа 2010

Я TinyMCE юзаю, с этим проблем нету :/
Правда блоки с кодом вбиваю через режим HTML в нем, а не через сам виз.редактор

[guest] Гость

Было сказано: Четверг, 26 августа 2010

Да, спасибо, через хтмл режим работает!) полез спрашивать не изучив тулбар редактора(<

[guest] Гость

Было сказано: Суббота, 08 декабря 2018

Совершенно больше и больше бизнесов начинают активно продвигаться в Instagram.
Между наших клиентов закусить будто стилисты ,
беспричинно и человек, занимающиеся продажей женской одежды.
В связи с этим позволительно смело сказать, который большинство бизнесов подходит для вывода в Instagram аккаунтов.

ТУТ <a href=http://instagram99.ru>раскрутка в Инстаграм</a>

Наша цель - привлечь в ваш Instagram аккаунтов только целевых клиентов,
заинтересованных в вашем продукте, беспричинно как лишь такой подход
позволит вам приобретать заявки и продажи из Инстаграм страниц.
Следовательно мы максимально качественно прорабатываем этот вопрос.
Присутствие вывода в Instagram бизнесов мы составляем изображение вашей целевой аудитории,
выявляем "места ее обитания" и начинаем контактировать с ней около помощи масслайкинга и подписок, изза которыми следит ваша целевая клиенты и т.д.
Весь это позволяет нашим клиентам доставать только живых подписчиков, реально заинтересованных в их продукте.
http://instagram99.ru - Раскрутка бизнеса в Инстаграм

[guest] Гость

Было сказано: Суббота, 08 декабря 2018

Хоть всякую ключевую словосочетаний в ТОПе поисковой системы только 10 мест, а желающих попасть туда — тысячи.
Чем больше соперничество, тем усиленнее нужно нервов и выше цена.
Некоторые ключевые слова заносят миллионы долларов,
внешняя оптимизация, крупному опту и разработка магазинов – каждый новичок покупатель работает естественной лет и адаптивности сайта платит.
Стоимость зависит от: самих ключевых слов (оценивается борьба); региона,в котором Вы хотите непременно на первых местах.
Создание и Продвижение сайтов в Google быстро

<a href=http://prodvizhenie-caitov-moskva.ru/>продвижение сайта Москва</a>
Создание и Продвижение сайтов в поисковых системах быстро
Интернет знания во всех топах интернет-маркетинга и рекламы заказать продвижение сайта в поисковых системах или, проще говоря, SEO.
рост продаж товаров и услуг за счет грамотного интернет-маркетинга;
через консультаций и аудитов и поведенческие факторы прежде комплексной занятием над выводом в internet сети вашего сайта,
социальной странички alias компании в целом
Крутой испытание в области этих услуг позволяет нам передавать всё в комплексе.
Fulfilment маркетинг и уразумение бизнес процессов даёт нам гарантировать результат!
http://prodvizhenie-caitov-moskva.ru/ - купить создание и продвижение сайтов Москва

[guest] Гость

Было сказано: Суббота, 29 декабря 2018

Раскрутка и Разработка сайта в Гугл низкая цена
Из-за влияния результатов поиска на ваши веб-магазинов мы предлагаем несколько факторов, которые полностью продвигают ваш сайт. Профессиональные веб-сайт может быть разработан Разработка как профессиональный веб-страниц веб, но если у вас нет кого-то другого, вам придется потратить деньги на создание источника в Интернете.
Более 350 организаций в России стали нашими партнерами. Мы наняли более 34 отличных специалистов для создание нашего сайтов и посвятили себя достижению наилучших результатов. Цель: стать лидером в онлайн-маркетинге областях. Миссия: Развивайте свои возможности, расширяя свой бизнес и своих ядро, быстро всходить Самые услуги на рынке онлайн-маркетинга. Почему я: агентство не назначаем пустую встречу. Поэтому Если это фраз, мы несем ответственность за успехов Вконтакте.
<a href=http://prodvizhenie-caitov-moskva.ru/>Продвижение сайта Москва</a>
ядро могут быть приобретены у вашего оператора. Если вы идете в Одноклассники, которая хочет передавать определенную сумму дохода сферах поведенческих факторов, вам не нужно беспокоиться о вырастать ваших онлайн-страниц веб в будущем усилий. Если мы хотим продвижение на нашем страниц веб, мы предоставим положительные результаты для всей работы, выполненной в оговоренные сроки.
Поэтому Контекстная реклама - Стоимость это один из самых быстрых способов выводом трафика ваших ядро и лучших страниц веб запросов. Вы можете продвижением свой сайтов, перепродавая и запрашивая напрямую у Яндекс, Google AdWords, Instagram, Вконтакте.
заказать создание и обслуживание сайтов Москва http://prodvizhenie-caitov-moskva.ru/ - здесь

[guest] Гость

Было сказано: Четверг, 03 января 2019

Агентство - Первое маркетинговое агентство в Москве создает страниц веб для SEO деятельности. Компания была создана в 1994 году компанией Spider's web Studio. Мы готовим самые округ в Москве ради работы в разных регионах России. Сейчас разработаем отраслевые ожидание проекта, прогнозы трафика, аналитика и семантический анализ. Мы создали профессиональные веб- порталов, онлайн-акции, без ссылочных бюджетов, методы черного тож серого маркетинга, с правильной технологией, оптимизацией качества запросов и идеальной технологией для интернет-проектов, маркетинга и структуры клиентов Instagram, Одноклассники. Вы должны хвалить каждую деталь. Мы выводом такой порталов. Вы не должны направляться для сделка полностью недорого.
Заказать этот страниц веб продвигает много ключевых слов и выводов из ТОП-5 поисковых систем Яндекса и Google. Положим, когда покупатель в «Веб-студии Москва» впервые запрашивает развертывание веб-магазинов низкая цена
<a href=http://prodvizhenie-caitov-moskva.ru/>продвижение и обслуживание сайтов Москва </a>
Это продукт всех направлений, поисковой системы и социального маркетинга. Создавайте хорошие проекта и изображения в Интернете, а также в словосочетаний, порталах и форумах Вконтакте, Вконтакте..
Продвигайте принадлежащий страниц веб с через различных методов белого маркетинга, включая контекстную рекламу. Коли вы выберете эту аналитика, вы будете уплачивать сообразно приложению, которое вы получили, или по телефону Одноклассники, Instagram быстро.
Мы считаем, который власть Интернета может помочь вам развить принадлежащий бизнес. Никто не сомневается в часть, сколько Интернет является бесконечным и мощным средством коммуникации и огромной маркетинговой платформой запросов, а решения в области безопасности, непременно, доставят бизнес новым и существующим жертвам быстро .
заказать разработку и продвижение магазинов Москва http://prodvizhenie-caitov-moskva.ru/ - сюда !

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


Код:
Имя: