?

  • prettyPrint.js代碼高亮插件使用與下載



    在我們寫博客或文章的時候可能會在pre標簽中插入代碼,但是原生的pre標簽代碼顯示比較單一,不易突出重點不方便閱讀,幸好有prettyPrint.js,一個Google代碼高亮插件,實現代碼高亮顯示。

    演示效果

    prettyPrint.js代碼高亮

    使用方法:

    第一步,引入prettify.js和prettify.css


    1. <script src="js/prettify.js" type="text/javascript"></script>

    2. <link rel="stylesheet" type="text/css" href="css/prettify.css"/>

    第二步,在body的onload事件里添加函數”prettyPrint()”


    1. <body onload="prettyPrint()">

    第三步,pre標簽添加CSS類“prettyprint linenums”


    1. <pre class="prettyprint linenums">

    或者你也可以這樣,使用js動態添加


    1. $(document).ready(function() {

    2. $(".entry-content pre").addClass("prettyprint linenums");

    3. });

    下載地址

    下載prettify


    上一篇 下一篇

    dibu
    關于我們

    江蘇seo優化無錫網絡公司-兄弟盟主營:網站建設、網頁設計,網站制作百度推廣,價格優惠、SEO優化關鍵字排名、等網站建設一條龍服務。蘇州、常州、江陰、無錫、咨詢電話:18360807009 聯系QQ:369916069

    新手入門
    在線幫助 SEO教程 建站教程 網絡營銷
    在線服務
    SEO優化 網站建設 微信開發 微信推廣
    官方微信公眾平臺
    官網微信 官網微信
    Made by 兄弟盟 版權所有 基于ThinkCMF 開源內容管理系統而自豪 站長:江蘇SEO小凱

    魯公網安備 37132202160016號

    備案信息 : 滬ICP備20009491號
  • 吉泽明步迅雷下载