html中代码高亮显示
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>页面代码高亮显示</title>
<link rel=”stylesheet” href=”/js/highlight/styles/default.css”>
<script src=”/js/highlight/highlight.pack.js”></script>
<script>hljs.initHighlightingOnLoad();</script>
</head> <body>
<h1>页面代码高亮显示</h1>
<h2>
<a href=”https://highlightjs.org/download/” target=”_blank”>1· Highlight.js 下载地址</a><br/>
<a href=”https://highlightjs.org/usage/” target=”_blank”>2· Highlight.js 在线文档</a><br/>
<a href=”http://highlightjs.readthedocs.org/en/latest/css-classes-reference.html” target=”_blank”>3· Highlight.js class类别对应表</a><br/>
</h2>
<h3>引用插件包所支持的语言类型:</h3>
<img src=”/image/highlight.png” alt=”引用插件包所支持的语言类型”/>
<br/>
<h3>JSON 数据格式:</h3>
<pre><code class=”json”>
{
“action”:”DescribeInstancesResponse”,
“instance_set”:[
{
“vcpus_current”:1,
“instance_id”:”i-ogbndull”,
“volume_ids”:[
“vol-g7xy7d6g”,
“vol-jg7326gy”
],
“vxnets”:[
{
“vxnet_name”:”primary vxnet”,
“vxnet_type”:1,
“vxnet_id”:”vxnet-0″,
“nic_id”:”52:54:ef:0c:ed:66″,
“private_ip”:”10.50.13.54″
}
]
}
</code>
<h3>css 数据格式:</h3>
<code class=”css”>
.hidden{ display:hidden ;}
</code>
<h3>php 数据格式:</h3>
<code class=”php”>
for($i = 0 ; $i<10 ; $i++){
echo “hello world!” ;
}
</code>
<h3>SQL 数据格式:</h3>
<code class=”sql”>
select * from test where t_id = 1;
</code>
<h3>http 协议:</h3>
<code class=”http”> https://api.qingcloud.com/iaas/?action=RunInstances &vxnets.1=vxnet-0
&instance_type=small_a
&image_id=centos63x64
&COMMON_PARAMS
</code>
<h3>代码禁止高亮:</h3>
<code class=”nohighlight”>
select * from test where t_id = 2;
</code>
</body>
</html>
html中代码高亮显示的更多相关文章
- 在vue项目中使用codemirror插件实现代码编辑器功能（代码高亮显示及自动提示
在vue项目中使用codemirror插件实现代码编辑器功能(代码高亮显示及自动提示) 1.使用npm安装依赖 npm install --save codemirror; 2.在页面中放入如下代码 ...
- ngui中 代码调用按钮事件(后来改成了按钮绑定键盘..)
ngui中 代码调用按钮事件 好烦人啊这个问题, 我弄完发上来 这个问题解决了一半 发现可以用 按钮绑定来解决这个问题,并且更安全方便快速 直接在按钮上添加一个 key binding 指定按键 搞定 ...
- Html中代码换行造成空格间距的问题
Html中代码换行造成空格间距的问题解析 解决方法: 一.简单粗爆不换行 写代码的时候不要换行,input等在一行输写,那么将解决该问题.但是代码就变得不再那么容易好看. 二.设置父级块的字体大小为0 ...
- 改变Eclipse 中代码字体大小
1.改变eclipse 中代码字体大小,就是我打进去的java文件的字体大小 wiondow--preferences--general--appearance--colors and fonts-- ...
- Eclipse中代码自动提示功能设置
Eclipse中代码自动提示功能设置 1 打开eclipse→Windows→Preferences→Java→Editor→Content Assist: 修改Auto Activation tri ...
- Java中代码点与代码单元（转）
摘要 本文介绍 Java 平台支持增补字符的方式.增补字符是 Unicode 标准中代码点超出 U+FFFF 的字符,因此它们无法在 Java 编程语言中描述为单个的 16 位实体(例如char数据类 ...
- css中代码格式以及@import的语法结构
CSS中代码格式 CSS是Cascading Style Sheets(层叠样式表)的缩写.是一种对web文档添加样式的简单机制,属于表现层的布局语言. 1.基本语法规范分析一个典型CSS的语句: p ...
- abap编辑器中代码不可修改
当出现abap编辑器中代码不能修改的情况,可以按如下设置: edit——> 修改操作——>关闭助手
- 【原】Mac下统计任意文件夹中代码行数的工
[链接][原]Mac下统计任意文件夹中代码行数的工http://www.cnblogs.com/wengzilin/p/4580646.html
随机推荐
- Memcache基础教程
Memcache是什么 Memcache是danga.com的一个项目,最早是为 LiveJournal 服务的,目前全世界不少人使用这个缓存项目来构建自己大负载的网站,来分担数据库的压力. 它可以应 ...
- JavaScript到底是不是单线程
JavaScript到底是不是单线程 JavaScript引擎 在了解计时器内部运作前,我们必须清楚一点,触发和执行并不是同一概念,计时器的回调函数一定会在指定delay的时间后被触发,但并不一定立即 ...
- 快速入门系列--NOSQL--07MongoDB
从我第一次听到Nosql这个概念到如今已经走过4个年头了,但仍然没有具体的去做过相应的实践.最近获得一段学习休息时间,购买了Nosql技术实践一书,正在慢慢的学习.在主流观点中,Nosql大体分为4类 ...
- Netgen mesh library : nglib
Netgen mesh library : nglib eryar@163.com 摘要Abstract:本文主是对Netgen的库nglib的用法进行介绍.主要参考资料是Netgen用户指南.最后给 ...
- photoshop学习目录
前面的话 前端工程师最基本的工作是切图.photoshop用的6不6,对于工作效率有很大的影响.小火柴将前端工程师需要掌握的photoshop的知识和技能进行了梳理和归纳,总结成以下目录 目录 前端工 ...
- 文本溢出text-overflow和文本阴影text-shadow
前面的话 CSS3新增了一些关于文本的样式,其中text-overflow文本溢出和text-shadow文本阴影有些特别.因为它们有对应的overflow溢出属性和box-shadow盒子阴影属性. ...
- java中如何生成可执行的jar文件
java中如何生成可执行的jar文件 最简单的方法就是: jar -cfe Card.jar CardLayoutDemo CardLayoutDemo$1.class CardLayoutDemo$ ...
- 《BI那点儿事》Microsoft 决策树算法
Microsoft 决策树算法是由 Microsoft SQL Server Analysis Services 提供的分类和回归算法,用于对离散和连续属性进行预测性建模.对于离散属性,该算法根据数据 ...
- CompressHelper
public static string CompressString(string unCompressedString) { byte[] bytData = System.Text.Encodi ...
- 将RichTextBox的内容直接写入数据库：
将RichTextBox的内容直接写入数据库: private void button1_Click(object sender, EventArgs e) { System.IO.Memory ...