贴入要高亮代码:


复制以下代码到编辑器(Html模式):


高亮预览:

<!DOCTYPE html>
<!-- saved from url=(0043)http://www.daqianduan.com/tools?t=highlight
-->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<link rel="icon" href="http://wanjuxa.com/images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://wanjuxa.com/images/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://wanjuxa.com/images/favicon.ico" type="image/ico">
<meta http-equiv="X-UA-Compatible" content="IE=11,IE=10,IE=9,IE=8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-title" content="大前端">
<meta name="baidu-site-verification" content="6U3ObRnSUJ">
<meta http-equiv="Cache-Control" content="no-siteapp">
<meta name="keywords" content="在线代码高亮,前端工具箱">
<meta name="description" content="前端工具箱之在线代码高亮">
<title>在线代码高亮_前端工具箱</title>
<link rel="stylesheet" id="da-bootstrap-css" href="bootstrap.css" type="text/css" media="all">
<link rel="stylesheet" id="da-fontawesome-css" href="font-awesome.min.css" type="text/css" media="all">
<link rel="stylesheet" id="da-main-css" href="main.css" type="text/css" media="all">
<link rel="stylesheet" id="da-tools-css" href="tools.css" type="text/css" media="all">
<link href="new1.css" rel="styleSheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://apps.bdimg.com/libs/html5shiv/r29/html5.min.js">
</script>
<![endif]-->
<!-- <script language="javascript">if(top !== self){location.href = "about:blank";}</script> -->
</head>
<body class="page page-id-3785 page-template page-template-pages page-template-tools page-template-pagestools-php">
<div class="pageheader pageheader-mini">
<div class="container">
<div class="fenxiang bdshare-button-style0-24">
分享:
<a class="bds_qzone" data-cmd="qzone" title="分享到QQ空间">
</a>
<a class="bds_tsina" data-cmd="tsina" title="分享到新浪微博">
</a>
<a class="bds_weixin" data-cmd="weixin" title="分享到微信">
</a>
<a class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博">
</a>
<a class="bds_sqq" data-cmd="sqq" title="分享到QQ好友">
</a>
<a class="bds_renren" data-cmd="renren" title="分享到人人网">
</a>
<a class="bds_douban" data-cmd="douban" title="分享到豆瓣网">
</a>
<a class="bds_fbook" data-cmd="fbook" title="分享到Facebook">
</a>
<span class="bds_count" data-cmd="count" title="累计分享49次">
49
</span>
</div>
<h1>
前端工具箱 · 在线代码高亮
</h1>
</div>
</div>
<section class="container container-tools">
<div class="toolsside">
<div class="toolsmenus">
<ul class="toolsmenu">
<li class="active"><a href="#">在线代码高亮</a></li>
<li><a href="../CSS/index.html">CSS 压缩/格式化</a></li>
<li><a href="../HH/index.html">HTML代码转换</a></li>
<li><a href="../JS-HTML/index.html">JS 转 HTML</a></li>
<li><a href="../JS/index.html">JS 加密/压缩/格式化</a></li>
<li><a href="../JSYS/index.html">JS式化/解压缩</a></li>
<li><a href="http://www.daqianduan.com/tools?t=symbol">HTML 特殊符号</a></li>
</ul>
</div>
</div>
<div class="content">
<h2>贴入要高亮代码:</h2>
<!--[if IE]>(本功能暂不支持IE浏览器)<![endif]-->
<textarea id="code" >&lt;h2 class="demo"&gt;贴入要高亮代码:&lt;/h2&gt;</textarea>
<p>
<button onclick="doHighlight(&#39;text/html&#39;);">Html Mix</button>
<button onclick="doHighlight(&#39;text/css&#39;);">CSS</button>
<button onclick="doHighlight(&#39;text/javascript&#39;);">Javscript</button>
<button onclick="doHighlight(&#39;application/xml&#39;);">XML</button>
<button onclick="doHighlight(&#39;application/x-httpd-php&#39;);">PHP</button>
</p>
<br>
<h2>复制以下代码到编辑器(Html模式):</h2>
<textarea id="getcode"></textarea>
<br>
<h2>高亮预览:</h2>
<pre id="output" class="cm-s-default prettyprint"></pre>

</div>
</section>
<footer class="footer">
<div class="container">
<p>© 2010-2016
<a href="http://wanjuxa.com/">玩聚网络</a>
国内更专业Wordpress主题解决方案 提供Wordpress主题定制开发
<a target="_blank" href="#">网站地图</a>
</p>
</div>
</footer>
<script type="text/javascript" src="loader.js"></script>
<script id="cy_cmt_num" src="plugins.list.count.js"></script>
<div class="m-mask"></div>

</div>
</body>
</html >