google prettify代码高亮

最新推荐文章于 2024-07-12 09:51:03 发布

编程工人

最新推荐文章于 2024-07-12 09:51:03 发布

阅读量501

点赞数

本文链接：https://blog.csdn.net/zjwlgr/article/details/122585162

版权

javascript 同时被 2 个专栏收录

9 篇文章 0 订阅

订阅专栏

html5

6 篇文章 0 订阅

订阅专栏

直接上代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">

<link href="http://fex.baidu.com/ueditor/plugins/prettify/prettify.css" rel="stylesheet">

<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>

<script src="//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script src="//cdn.bootcss.com/prettify/r298/prettify.min.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>质量录入</title>

</head>

<body onload="prettyPrint()">

<form action="" method="post">

<div class="container">

<h1 class="page-header">代码<small>google prettify代码高亮</small></h1>

<p>Bootstrap是基于<code>HTML5</code>和<code>CSS3</code>开发的，它在jQuery的基础上进行了更为个性化和人性化的完善，形成一套自己独有的网站风格，并兼容大部分jQuery插件。</p>

<pre class="prettyprint" style="font-family: 'Courier New', Courier, monospace; line-height: 15px;">

//默认值：

[{

label: '', //显示的名称

cmdName: 'selectall', //执行的command命令，当点击这个右键菜单时

exec: function() { //exec可选，有了exec就会在点击时执行这个function，优先级高于cmdName

//this是当前编辑器的实例

//this.ui._dialogs['inserttableDialog'].open();

}

}]

</pre>

</div>

</form>

</body>

</html>

默认代码高亮样试

.pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:700}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:700}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:700}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee}

百度ueditor代码高亮样式