twitter bootstrap上的语法突出显示
twitter bootstrap上的语法突出显示
提问于 2012-06-02 19:41:46
我试图使用谷歌美化突出一些语法，但到目前为止，它不起作用。
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>
<body onload="prettyPrint()" bgcolor="white">
<pre class="prettyprint">
<code class="language-css">
// Some source code
class Foo {
public int Bar { get; set; }
}
</code>
</pre>有没有一种解决方案可以在不对bootstrap中已有的pre标记造成太多干扰的情况下使其正常工作？
回答 2
Stack Overflow用户
发布于 2013-06-22 00:37:43
不确定为什么不建议使用以下命令进行修改：
<script>
// Activate Google Prettify in this page
addEventListener('load', prettyPrint, false);
$(document).ready(function(){
// Add prettyprint class to pre elements
$('pre').addClass('prettyprint');
}); // end document.ready
</script>Stack Overflow用户
发布于 2012-12-26 03:09:24
链接到两个文件prettify.css后，prettify.js将此代码添加到页脚
<script>
// @prettify
!function ($) {
$(function(){
window.prettyPrint && prettyPrint()
})
}(window.jQuery);
// #prettify
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10862021
复制相关文章
相似问题