Jump to content


Photo
- - - - -

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


Best Answer 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

Go to the full post


  • This topic is locked This topic is locked
2 replies to this topic

#1 Ёшкин Кот

Ёшкин Кот
  • JBZoo User (rus)
  • User rate: 77.8
  • posts: 757
  • topics: 134

Posted 20 October 2016 - 11:34

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

 

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

 

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


Edited by Ёшкин Кот, 20 October 2016 - 11:34.

  • 0

#2 SmetDenis

SmetDenis
  • Administrators
  • User rate: 139.4
  • posts: 16232
  • topics: 200

Posted 20 October 2016 - 11:46   Best Answer

Мы у себя на 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 Ёшкин Кот

Ёшкин Кот
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 77.8
  • posts: 757
  • topics: 134

Posted 20 October 2016 - 11:48

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


  • 0




Click to return to top of page in style!