畸情～内裤奇缘正文完整,国产精品电影在线,秋葵视频在线免费观看,久久久久久综合七次郎,国产精品入口麻豆电影网,亚洲另类自拍

  • 只工作不玩耍，聰明的小孩會變傻
  • 年歲有加，并非垂老，理想丟棄，方墜暮年
  • 21 文章
  • 0 評論
  • 2 友鏈

SyntaxHighlighter在pjax下運行以及代碼精簡

2017-11-23 08:00:00 0

一個技術(shù)博客怎么能少得了代碼高亮顯示這個插件，最好用的還是SyntaxHighlighter。

由于是使用pjax加載頁面的方式，使用插件的時候也掉坑里了。


先下載syntaxhighlighter_3.0.83。

因為我已經(jīng)很明確我需要使用的插件拓展，直接只保留需要的文件【根據(jù)自己使用選擇】。

scripts目錄下的：shBrushCss.js、shBrushJScript.js、shBrushPhp.js、shBrushSql.js、shBrushXml.js、shCore.js

styles目錄下的：shCoreEclipse.css


接下來我的精簡方式是：shBrushCss.js、shBrushJScript.js、shBrushPhp.js、shBrushSql.js、shBrushXml.js合并至一個文件【shBrushPhp.js】


使用方式就是先分別引入：shCore.js、shBrushPhp.js、shCoreEclipse.css然后再執(zhí)行即可 

<link rel="stylesheet" type="text/css" href="路徑/shCoreEclipse.css" />
<script type="text/javascript" src="路徑/shCore.js"></script>
<script type="text/javascript" src="路徑/shBrushPhp.js"></script>
<script type="text/javascript">SyntaxHighlighter.all();</script>


但是在pjax加載的時候代碼高亮顯示卻沒有了效果，只需做一個小調(diào)整即可 

/*需要注意這行代碼放置的位置*/
<script type="text/javascript">SyntaxHighlighter.highlight();</script>



以下為各種代碼的事例： 

function demo(){
    echo "PHP代碼";
}


function demo(){
    var _this;
    alert('JS代碼');
}


<div>
    <p>HTML代碼</p>
</div>


.body-box{ width:100%; overflow:hidden;}
.bg-white{ background:#fff;}
.bg-theme{ background:#1f6799;}


SELECT * FROM `aaaa`