在页面上漂亮的显示源码
<!DOCTYPE html> <html lang="zh-CN"> <head> <!--注意页面跳转的原因--> <meta charset="utf-8" HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.baidu.com"> <meta http-equiv="X-UA-Compatible" content="IE=edge" > <meta name="viewport" content="width=device-width, initial-scale=1"> <title></title> <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" /> <link rel="stylesheet" type="text/css" href="static/css/default.css" /> <link type="text/css" rel="stylesheet" href="styles/index.css"/> <script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="static/js/highlight.pack.js"></script> </head> <body> <div class="title"> <div class="codes"> <pre><code> <!-- 注释:这是一段注释。注释不会在浏览器中显示,但确实存在于代码中 --> <!-- 文档类型声明:告诉浏览器本篇文档是那种类型的文档,浏览器则会根据这个声明解析文档 --> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h1 style="font-size: 12px;">我的字号被修改了</h1> </body> </html> </code> </pre> </div> </div> <script type="text/javascript"> $(document).ready(function() { $('pre code').each(function(i, block) { hljs.highlightBlock(block); }); }); </script> </body> </html>
另一种风格
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Hello SyntaxHighlighter</title> <script type="text/javascript" src="scripts/shCore.js"></script> <script type="text/javascript" src="scripts/shBrushJScript.js"></script> <link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/> <link type="text/css" rel="stylesheet" href="styles/index.css"/> <script type="text/javascript">SyntaxHighlighter.all();</script> </head> <body> <div class="title"> <div class="codes"> <pre class="brush: js;"> <!-- 注释:这是一段注释。注释不会在浏览器中显示,但确实存在于代码中 --> <!-- 文档类型声明:告诉浏览器本篇文档是那种类型的文档,浏览器则会根据这个声明解析文档 --> <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <h1 style="font-size: 12px;">我的字号被修改了</h1> </body> </html> </pre> </div> </div> </body> </html>
相关推荐
对于一些程序代码类的网页,常常需要贴出代码,但显示效果...这里介绍一个代码高亮工具syntaxhighlighter语法高亮工具,它不需要与服务器交互,只需要包含相应的格式代码JS包,就可以轻松实现代码高亮,使用非常简单。
syntaxhighlighter库和实例 syntaxhighlighter库和实例
JS代码高亮插件SyntaxHighlighter demo
SyntaxHighlighter高亮插件,可以格式化JAVA、PHP、CSS、SQL、XML、Python等等一些主流的代码格式。
要在中实现代码高亮显示功能,有两个关键步骤: 一是在要显示代码的网页中加入样式文件:FCKeditor/css/SyntaxHighlighter.css 二是下载集合了SyntaxHighlighter 插件的FCKeditor软件包
代码自动高亮SyntaxHighlighter_1.5.0
syntaxhighlighter是一个强大的语法高亮器,但是需要自己编译,较为繁琐,我把其编译为一个架包,并提供了相关的DEMO。
SyntaxHighlighter的资源包,包含了必要的css和style。
SyntaxHighLighter代码高亮插件实例(支持JavaScript、CSS、PHP、Java、Python、Vb、XML、Delphi、SQL、CSharp等等多种编程语言类)版本_2.1.364
android 代码高亮 syntaxHighlighter js css xml 等文件
SyntaxHighlighter高亮代码显示实例源码 高亮您的代码,加速您的技术站点开发【有源码,支持大部分常用语言的高亮显示,如C#,JAVA等】 在没有高亮方法时,我们常常自己写样式,当然也有直接使用微软的Word转换成...
syntaxhighlighter-master.zip word粘贴美化的代码。 planetB
代码语法高亮的JS插件及例子,基于SyntaxHighlighter实现的CSS、PHP、ASP、SQL、XHTML代码自动高亮插件,若你是开发者网站,这个功能对你绝对有用,下载插件包,自带有使用演示。
原名:SyntaxHighlighter,是一款用于web页面的代码着色工具,可以用来着色多种语言,可以是HTML,CSS,Javascript,还可以是C,JAVA等编程语言。最早见于Yahoo的YUI,当时还属于自由软件,最近打开官方网站发现已被...
syntaxhighlighter语法高亮工具,它不需要与服务器交互,只需要包含相应的格式代码JS包,就可以轻松实现代码高亮,使用非常简单。又很多种语言的刷子哦~
SyntaxHighlighter(原名:dp.SyntaxHighlighter)是一套在浏览器上支持对各种代码进行语法着色的独立 JavaScript 库
给那些在线安装wp的插件安装不了的兄弟,SyntaxHighlighter Evolved是一款非常方便的代码高亮工具,2017年10月25日16点12分下载的最新版,有需要的兄弟可以下载
wps代码块插件