我正在构建一个Seaside应用程序,我正在寻找一种方法来使用JS突出显示浏览器上的一些代码片段。 我找到了支持Smalltalk语法的highlight.js,但它不起作用。 我添加了这个script和hljs.initHighlightingOnLoad();在标题中,但它不起作用。
可能我会想念一些东西而不是什么?
答案 0 :(得分:3)
我使用CDN的highlight.js:
<link href='http://yandex.st/highlightjs/8.0/styles/sunburst.min.css' rel='stylesheet'/>
<script src='http://yandex.st/highlightjs/8.0/highlight.min.js' type='text/javascript'/>
我还定义了一个格式函数,如:
function format(){
var b=document.getElementsByTagName("pre");
for (i=0;i<b.length;i++) {
hljs.tabReplace = ' '; // 2 spaces
b[i].style.fontSize = '0.9em';
hljs.highlightBlock(b[i],' ',false);
}
}
并使用
<pre class="smalltalk"><code>……</code></pre>
用于高亮区块。然后我在加载页面时调用format()
(或者将带有代码的动态内容加载到页面中)