csdn代码效果是怎么实现的?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:25:12
Original
1003 Leute haben es durchsucht

<html><head>    ...</head><body>    ...</body></html>
Nach dem Login kopieren
像这样的效果是怎么做到的,用了什么?


回复讨论(解决方案)

我想做整个的代码框功能

Nach dem Login kopieren

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>
Nach dem Login kopieren
这样写的效果就是空白和...,标签都成效果了,不以字符形式显示。我加了

后,结果这两个也显示出来了,让标签以字符形式显示出来呢?

要将替换为实体<>

要将替换为实体<> 那csdn是怎么做到我输入就显示的呢?

楼主去了解下说明是html实体,csdn已经将替换为<>了,之中显示出来就是,要是源代码包含,就不会显示了

楼主去了解下说明是html实体,csdn已经将替换为<>了,之中显示出来就是,要是源代码包含,就不会显示了 哦哦,明白了。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage