Используйте PrismJS с RequireJS, даже если это не зависимость

Я пытаюсь использовать PrismJS, не привязывая его как строгую зависимость к каким-либо функциям. Все, что мне нужно, это сделать подсветку синтаксиса на странице, но, к сожалению, полная стилизация не передается на страницу.

Я прочитал эту ТАКУЮ ветку и подтвердил, что Prism прикреплен к window объект, но стиль не отображается на странице.

Вот мой код (prism.css объединяется с другими стилями через Sass):

HTML:

<pre><code class="language-css">
git rm 'myFile.html'
</code></pre>`

Тег сценария:

<script data-main="/js/config.js" src="/js/require.js"></script>

config.js

requirejs.config({

  baseUrl: "/js",

  deps: ["prism"],

  paths: {
    prism: "vendor/prism"
  },

  shim: {
    "prism": {
      "exports": "Prism"
    }
  }
});

prism.js

define("prism", ["prism"],function(Prism) {
  return Prism; //probably redundant
});

У меня есть ощущение, что что-то делает в prism.js это то, что нужно, но я не уверен на 100%.

1 ответ

Решение

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

Что вам нужно, скорее всего, это Prism.highlightAll(); вызов функции. Мое решение было найдено по адресу http://schier.co/blog/2013/01/07/how-to-re-run-prismjs-on-ajax-content.html.

Другие вопросы по тегам