【发布时间】:2012-12-11 10:57:52
【问题描述】:
我想在我的私人博客站点中显示代码块。我正在从头开始创建它。 如何进行。我完全糊涂了。
【问题讨论】:
-
我试过 tinyMCE。但它没有这样的功能,我找不到相同的插件。
我想在我的私人博客站点中显示代码块。我正在从头开始创建它。 如何进行。我完全糊涂了。
【问题讨论】:
试试Syntax Highlighter。它很简单,看起来非常好。
Demo Link
【讨论】:
使用适当的标记使代码等宽并保持空白不变。这基本上意味着使用<pre> 和<code>:
<pre><code>
your();
code = "here";
</code></pre>
之后,您只需要添加一些漂亮的 CSS 样式以使其看起来更漂亮。如果你想要像 Stack Overflow 上的语法高亮,最简单的方法就是添加谷歌的美化:http://code.google.com/p/google-code-prettify/
【讨论】:
<pre> 标签保留。为了突出显示,我已将您链接到 SO 上什至在此处使用的内容。