文章目錄自動生成器

CloudDeveloper 發布于2019-08-26 17:40 / 1797人閱讀

摘要：提供一個插件，可以實現的文章目錄效果啦不止點擊跳轉還滾動激活當前鏈接地址使用很簡單文章容器目錄容器支持以上和主流的瀏覽器文章容器，選擇器目錄容器，選擇器每個目錄項的類當前激活的目錄項的類可選選擇目錄的標題元素，

提供一個插件，可以實現segmentfault的文章目錄效果啦~~

不止點擊跳轉還滾動激活當前鏈接

demo地址

使用很簡單

new Katelog({
    contentEl: "kCatelog",
    catelogEl: "catelogList",
    linkClass: "k-catelog-link",
    linkActiveClass: "k-catelog-link-active",
    supplyTop: 20,
    selector: ["h2", "h3"],
    active: function (el) {
        console.log(el);
    }
});

支持IE8以上和主流的瀏覽器

contentEl

文章容器，id選擇器

catelogEl

目錄容器，id選擇器

linkClass

每個目錄項的類

linkActiveClass

當前激活的目錄項的類

selector（可選）

選擇目錄的標題元素，默認支持6級樹形結構

默認值: ["h1", "h2", "h3", "h4", "h5", "h6"]

selector: ["h2", "h3"]

supplyTop（可選）

每個目錄需要補充的高度，比如fixed頭部布局會擋住實現，可以設置supplyTop來修正

如果對你有用的話，給個小星星吧！https://github.com/KELEN/k-ca...

GPU云服務器云服務器自動生成文章自動創建目錄 php生成目錄樹 java的目錄生成

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

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

Markdown 的文章目錄在 Vim 里的終極解決方案

摘要：目前支持的解析引擎更新已經存在的文章目錄。生成鏈接風格的文章目錄。默認值用于控制保存文件時是否自動更新已有文章目錄。我使用的與相關的插件解決文章目錄的問題。如果你使用 Vim 編輯 Markdown，而且也為如何生成和更新文章目錄（Table of Contents）而煩惱，那么如下的內容將帶你脫離刀耕火種手寫 Toc 的體驗，回歸使用 Markdown 是為了專注于內容的初心。一...

cpupro 2019-06-28 10:18 評論0 收藏0
一個騷氣的文章目錄自動生成器了解一下

摘要：左邊的邊欄線則是使用的來畫出來的，根據層級相應做一些調整，輔以的的效果就可以呈現出不錯的移動效果。這個插件根據選定的目錄內容中的 h1, h2, h3, h4, h5, h6 標簽來自動生成目錄插入到選定的目錄容器中，并且提供一個漂亮的樣式效果監聽內容區滾動點擊跳轉功能兼容性：IE10+ (由于使用了 node.classList) 地址戳這里 github地址，歡迎sta...

Cympros 2019-08-23 10:53 評論0 收藏0
文章目錄自動生成器

摘要：提供一個插件，可以實現的文章目錄效果啦不止點擊跳轉還滾動激活當前鏈接地址使用很簡單文章容器目錄容器支持以上和主流的瀏覽器文章容器，選擇器目錄容器，選擇器每個目錄項的類當前激活的目錄項的類可選選擇目錄的標題元素，提供一個插件，可以實現segmentfault的文章目錄效果啦~~ 不止點擊跳轉還滾動激活當前鏈接 demo地址使用很簡單 new Katelog({ con...

felix0913 2019-08-02 10:59 評論0 收藏0
如何利用showdoc自動生成API文檔

摘要：仿照此種寫法，在你的項目中插入類似的注釋，也能達到自動生成文檔的效果。執行以下命令，腳本會自動遞歸掃描本目錄和子目錄的所有文本代碼文件，并生成文檔。如果是，程序會自動進行格式化展示。介紹 showdoc是一個適合IT團隊的文檔工具，閱讀本文前需要對showdoc有基本了解。基本介紹可看：https://www.showdoc.cc/help 對于寫API文檔這件事，雖然說文本編輯...

linkin 2019-07-01 10:32 評論0 收藏0
如何利用showdoc自動生成API文檔

摘要：仿照此種寫法，在你的項目中插入類似的注釋，也能達到自動生成文檔的效果。執行以下命令，腳本會自動遞歸掃描本目錄和子目錄的所有文本代碼文件，并生成文檔。如果是，程序會自動進行格式化展示。介紹 showdoc是一個適合IT團隊的文檔工具，閱讀本文前需要對showdoc有基本了解。基本介紹可看：https://www.showdoc.cc/help 對于寫API文檔這件事，雖然說文本編輯...

周國輝 2019-08-26 12:16 評論0 收藏0