0

По инструкции highlightjs.org подключаю плагин подсветки кода

<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.1.0/highlight.min.js"></script>
<script src='http://yastatic.net/highlightjs/8.2/highlight.min.js'></script>
<script type='text/javascript'>hljs.initHighlightingOnLoad();</script>

Если не использовать маршрутизацию блок с кодом подсвечивается нормально, в противном случае(если контент подгружается при роутинге ui.router) не подсвечивается. Кто сталкивался. как решить эту проблему? Пробовал при смене state прописывать

 setTimeout(function() {
                        hljs.initHighlightingOnLoad();
                    });

не помогло, хотя когда-то аналогичное решение, а именно

 setTimeout(function() {
                        MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
                    });

помогло для отображения формул mathjax

2 ответа 2

1

Попробуйте выполнить инициализацию внутри конкретного контроллера. При этом вместо setTimeout лучше использовать обертку на него от angular - $timeout. Что то вроде этого:

angular.module('app')
.controller('MainCtrl', function($timeout) {
 $timeout(function() {
   hljs.initHighlightingOnLoad();
 });
});
2
  • нет функции $setTimeout, либо setTimeout, либо $timeout
    – Grundy
    20 фев 2016 в 8:40
  • @Grundy да, запамятовал. Моё упущение. Писал не до конца проснувшись.
    – Eugene
    20 фев 2016 в 9:06
0

Помогла ручная инициализация

$('pre code').each(function(i, block) {
                            hljs.highlightBlock(block);
                        });
4
  • С точки зрения angular это плохое решение
    – Eugene
    20 фев 2016 в 8:38
  • Можно вместо этого написать директиву обертку.
    – Eugene
    20 фев 2016 в 9:09
  • а еще можно воспользоваться уже написанной: github.com/pc035860/angular-highlightjs
    – Grundy
    20 фев 2016 в 9:12
  • @Grundy да как правило лучше сразу поискать существующие решения прежде чем писать свой велосипед.
    – Eugene
    20 фев 2016 в 9:17

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.