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

WBOY
Lepaskan: 2016-06-24 12:25:12
asal
966 orang telah melayarinya

<html><head>    ...</head><body>    ...</body></html>
Salin selepas log masuk
像这样的效果是怎么做到的,用了什么?


回复讨论(解决方案)

我想做整个的代码框功能

Salin selepas log masuk

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

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

要将替换为实体<>

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

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

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

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!