代碼高亮，highlight.js的調用方法及其問題

Eminjannn 發布于2019-08-02 13:58 / 2374人閱讀

摘要：是一個用來高亮代碼的插件下載地址配色參考使用方法你好結果可以看到使用只需要三步引入引入調用函數。有時候我們不想一出來就編譯代碼塊，例如需要鼠標點擊按鈕然后在編譯等。這時候調用函數是發現不能夠編譯。這時候就可以調用函數。

highlight.js是一個用來高亮代碼的插件
下載地址：https://highlightjs.org/downl...
配色參考：https://highlightjs.org/stati...
使用方法：


    
你好

結果：

可以看到使用highlight.js只需要三步：引入css、引入js、調用initHighlightingOnLoad函數。

有時候我們不想一出來就編譯代碼塊，例如需要鼠標點擊按鈕然后在編譯等。這時候調用initHighlightingOnLoad函數是發現不能夠編譯。可以自己試一下、onload中也不能編譯。
這時候就可以調用initHighlighting函數。

但是，發現highlight只編譯一次，如，想第一一次按鈕編譯一次，結果只有第一次編譯了。




    
    測試

解決方法：源碼中initHighlighting調用的是v函數，該函數使用v.called記錄是否第一次編譯，之后將v.called設置為了true，只要將"v.called = !0;"注釋掉，就可以了。

在點擊按鈕，之后就可以每一次都執行編譯了。

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53480.html

代碼高亮，highlight.js的調用方法及其問題

摘要：是一個用來高亮代碼的插件下載地址配色參考使用方法你好結果可以看到使用只需要三步引入引入調用函數。有時候我們不想一出來就編譯代碼塊，例如需要鼠標點擊按鈕然后在編譯等。這時候調用函數是發現不能夠編譯。這時候就可以調用函數。 highlight.js是一個用來高亮代碼的插件下載地址：https://highlightjs.org/downl...配色參考：https://highlightj...

lauren_liuling 2019-08-30 15:54 評論0 收藏0
代碼高亮，highlight.js的調用方法及其問題

摘要：是一個用來高亮代碼的插件下載地址配色參考使用方法你好結果可以看到使用只需要三步引入引入調用函數。有時候我們不想一出來就編譯代碼塊，例如需要鼠標點擊按鈕然后在編譯等。這時候調用函數是發現不能夠編譯。這時候就可以調用函數。 highlight.js是一個用來高亮代碼的插件下載地址：https://highlightjs.org/downl...配色參考：https://highlightj...

VioletJack 2019-08-23 14:15 評論0 收藏0
Ghost配置2——添加代碼高亮

摘要：使用的初體驗，主題外觀都很滿意，除了代碼段的顯示效果。用加高亮做關鍵字，能搜出一大堆的代碼高亮方案。因為有了新的功能代碼注入。加入目前第三方高亮模塊，主要以和為主，二者沒有太大的區別。讓高亮生效加入后，并沒有讓高亮效果馬上生效。使用Ghost的初體驗，主題外觀都很滿意，除了代碼段的顯示效果。沒有代碼高亮，這效果怎么說呢？就像是使用了文本編輯器在寫代碼，說不上離經叛道，但就是從心底覺...

Faremax 2019-08-23 12:25 評論0 收藏0