如何设置嵌入式代码的样式,显示在网页上

时间:2013-07-10 07:27:39

标签: php css

我想在我的博客上显示一些PHP代码。

我喜欢像codecademy.com中显示的代码一样设置此代码的样式。

这是使用CSS还是Javascript / CSS完成的?

感谢。

4 个答案:

答案 0 :(得分:0)

你应该提供一些代码,而不是随意提问。

但是答案很简单,试试这个插件,不要重新发明一个非常复杂的轮子!

https://github.com/AndiDittrich/EnlighterJS/

答案 1 :(得分:0)

通常语法高亮显示器需要css和javascript。需要使用Javascript来解析代码令牌,并使用正确设置的标记来包装它们。

一个很好的语法高亮库是prism.js:http://prismjs.com/ 下载页面包含php语言的扩展名

答案 2 :(得分:0)

我不确切知道你想要的样式部分,但看看Prettyfi:http://code.google.com/p/google-code-prettify/

答案 3 :(得分:0)

如果您不想使用任何插件或脚本,只需使用&lt&gt <>,然后使用代码设置样式CSS作为普通文本。

实施例

HTML

<code>
&lt?php<br />
<b>$p</b> = "some text";<br />
echo(<b>$p</b>);<br />
?&gt
</code>

CSS

code b{
color: red;
}

DEMO:http://jsfiddle.net/EGe3g/5/