Heim > Artikel > Web-Frontend > csdn代码效果是怎么实现的？_html/css_WEB-ITnose
csdn代码效果是怎么实现的？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:25:121004Durchsuche
<html><head> ...</head><body> ...</body></html>像这样的效果是怎么做到的，用了什么？
回复讨论(解决方案)
我想做整个的代码框功能
http://bbs.csdn.net/assets/sh-e7799bf9690a86571a685dd3015e559c.js
这个js实现的语法高亮
http://bbs.csdn.net/assets/sh-e7799bf9690a86571a685dd3015e559c.js
这个js实现的语法高亮 这代码好乱啊。。。。
压缩过了。。插件名称是SyntaxHighlighter，楼主找找这个插件的API看看
http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html
http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html
<pre class="brush: html;"><html> <head> ... </head> <body> ... </body></html>这样写的效果就是空白和...，标签都成效果了，不以字符形式显示。我加了
要将替换为实体a8093152e673feb7aba1828c43532094
要将替换为实体a8093152e673feb7aba1828c43532094 那csdn是怎么做到我输入就显示的呢？
楼主去了解下说明是html实体，csdn已经将替换为a8093152e673feb7aba1828c43532094了，之中显示出来就是，要是源代码包含，就不会显示了
楼主去了解下说明是html实体，csdn已经将替换为a8093152e673feb7aba1828c43532094了，之中显示出来就是，要是源代码包含，就不会显示了 哦哦，明白了。