将PrismJS与RequireJS一起使用,即使它不是依赖项

时间:2013-08-12 23:51:26

标签: requirejs amd prism.js

我正在尝试使用PrismJS,而不是将其作为对任何函数的严格依赖附加。所有iI需要它做的是在页面上渲染语法高亮,但不幸的是,完整的样式没有传递给页面。

我读过this SO thread并确认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做某事是需要的,但我不是百分之百确定。

1 个答案:

答案 0 :(得分:2)

你很可能不再需要这个了,但我在面对类似的问题时偶然发现了这个问题。

您最需要的是Prism.highlightAll();函数调用。我的解决方案是在http://schier.co/blog/2013/01/07/how-to-re-run-prismjs-on-ajax-content.html找到的。