syntaxhighlighter
在页面上漂亮的显示源码
<!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相关推荐
- SyntaxHighlighter -- 代码高亮插件
SyntaxHighlighter 下载文件里面支持皮肤匹配. 地址:http://alexgorbatchev.com/SyntaxHighlighter/ 转载于:https://www.cnbl ...
- Windows Live Writer推荐SyntaxHighlighter代码着色插件
内置支持SyntaxHighlighter代码着色,代码着色语法:<pre class='brush:编程语言'>代码</pre>. 需要注意的是:如何你使用SyntaxHig ...
- 安装Open Live Writer，添加SyntaxHighlighter实现代码高亮
我希望我插入的代码是这种样子(这样看起来代码爽一些): 2.微软官网下载Open Live Writer,安装.具体配置内容,参考 https://www.cnblogs.com/liuxianan/ ...
- 这两天发现一个老外用JavaScript编写的好东西：dp.SyntaxHighlighter。
dp.Synta 来源http://blog.s135.com/post/226/ r介绍:在网页中加亮显示源代码的工具[原创] 大 | 中 | 小 [ 2007-4-19 14:56 | by ...
- SyntaxHighlighter Evolved高亮插件的编程语言及语言别名对照表
Google一下发现一款SyntaxHighlighter Evolved代码高亮插件不错,这款代码高亮插件功能足够强大.并且简单易用,绝对值得推荐. 编程语言 语言别名 ActionScript3 ...
- 修复 SyntaxHighlighter 3.0.83 Java 代码多行注释 Bug
使用 SyntaxHighlighter 3.0.83 对包含多行注释(/* .... */) 的 Java 代码进行语法着色时会将其后的所有代码当成多行注释进行着色. 修改 shBrushJava. ...
- 隐藏SyntaxHighlighter滚动条
最新版SyntaxHighlighter默认Y轴是有滚动条的,但其实高度是自适应,所以Y轴不需要滚动条,而X轴由于要显示正确的行数,所以滚动条我们还是保留,如果不想X轴有滚动条,在编辑代码的时候就要注 ...
- WP SyntaxHighlighter 初探
继上篇文章发布后,我随即去网上找了下博客园.CSDN他们用的高亮工具,果然都是用的别人的,SyntaxHighlighter.去官网上看了下,很强大,包含各种经典配色以及多语言.要想在wordpres ...
- syntaxhighlighter 代码高亮 - 插件化
syntaxhighlighter 代码高亮 - 插件化 之前做过很多网站,不同的网站也都有不同的经验总结,只是前些年都不怎么注重线上博客.由于现在自身技能的不断丰富,个人的插件库.总结性的经验文档. ...
- chajian8.com谈：SyntaxHighlighter 代码高亮
题外话:上次提到的显示各种微博的 WordPress 插件进度可喜,已经完成了九个微博的 OAuth.Basic HTTP 验证部分. 写这篇文章时我非常郁闷,因为这篇本是介绍如何智能判断加载 Syn ...
最新文章
- DB2 9 使用拓荒（733 检讨）认证指南，第 2 部分: DB2 数据操作(6)
- 面向容器技术资源调度关键技术深度对比
- html酒鬼酒网站制作,酒鬼酒
- 前端一HTML:十一:其他选择器
- vue+elementui搭建后台管理界面(登录)
- 学长毕业日记 :本科毕业论文写成博士论文的神操作20170328
- Sharepoint 自定义字段类型
- Jquery操作复选框总结
- C语言版iso8583报文拆包组包代码
- silverlight 一些写法小计
- SpringBoot与JdbcTemplate的完美结合
- 当前时间时间戳以及10分钟后的时间戳
- linux mysql 命令
- 数据结构——＞线索化二叉树
- ECJia 到家 v1.5.1 发布，基于 O2O 的移动电商开源系统
- HarmonyOS 十分钟快速入门教程｜和车神哥一起学
- 打开项目时，出现“确保已安装项目类型(.wdproj)的应用程序 ”的解决办法
- [云原生]~云原生简介
- LaTeX排版常用字体和格式设置
- 结构化软件设计的具体步骤