Перейти к содержимому


Фотография
- - - - -

Вставка в материал кода с подсветкой синтаксиса.


Лучший Ответ SmetDenis , 20 October 2016 - 11:46

Мы у себя на JBZoo.ru пошли самым простым путем.

Код в редакторе пишем внутри тега pre, затем по этим тегам срабатывает highlight.js

 

jQuery(document).ready(function (jQuery) {
    if (typeof hljs != 'undefined') {
        $('.jbzoo-item-full pre').each(function (i, e) {
            hljs.highlightBlock(e);
        });
    }
});

zj8c_200x0.png

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 2

#1 Ёшкин Кот

Ёшкин Кот

Отправлено 20 October 2016 - 11:34

Есть ли готовое решение интеграции вставки кода с подсветкой синтаксиса в материалах Joomla?

 

У ТиниМСЕ есть вставка кода, но он не подсвечивает на Фронте. Можно ли как то простым способом реализовать все как на пример как на http://jbzoo.ru/docs/how-tabs-works?

 

Это работа highlight.zip. По идее я могу настроить стили в JCE ... но при редактировании эта зараза чистит код. А как раз то плясок с бубном каждый раз, как необходимо кусок кода вставить в материал - хочется избежать.


Сообщение отредактировал Ёшкин Кот: 20 October 2016 - 11:34

  • 0

#2 SmetDenis

SmetDenis

Отправлено 20 October 2016 - 11:46   Лучший Ответ

Мы у себя на JBZoo.ru пошли самым простым путем.

Код в редакторе пишем внутри тега pre, затем по этим тегам срабатывает highlight.js

 

jQuery(document).ready(function (jQuery) {
    if (typeof hljs != 'undefined') {
        $('.jbzoo-item-full pre').each(function (i, e) {
            hljs.highlightBlock(e);
        });
    }
});

zj8c_200x0.png


  • 2
JBZoo v4.0 и новый чудный мир Open Source GPL
Отключайте проверку лицензий как можно скорее!



— Есть два типа людей: Кто еще не делает бекапы и кто уже делает бекапы.


#3 Ёшкин Кот

Ёшкин Кот

Отправлено 20 October 2016 - 11:48

Спасиб. Буду пытаться как то настроить.


  • 0




Click to return to top of page in style!