outline.js - 自动生成文章导读导航的 JavaScript 工具

本文阅读 2 分钟
首页 源码分享 正文

outline.js - 自动生成文章导读(Table of Contents)导航的 JavaScript 工具。会自动分析文章中的标题( h1~h6 )标签,并生成文章段落层次结构的导读导航菜单。

特点

原生 JavaScript 编写,无需任何依赖;
支持 UMD 规范;
支持 E6 模块,提供功能独立的 ES6 模块;
Anchors 模块:类似 AnchorJS 基础功能模块,自动分析段落层级
Drawer 模块:独立的侧滑窗口模块
Chapters 模块:独立的导航菜单模块;
Toolbar 模块:独立的固定定位的工具栏模块;
拥有 AnchorJS 基础功能;
支持中文和英文标题文字生成ID;
支持生成独立的侧边栏导航菜单;
支持直接在文章中指定的 DOM 元素内生成文章导读导航(fixed 或者 sticky 布局);
自动分析标题关系,生成段落层级索引值;
支持配置自定义工具栏按钮和按钮的回调函数;
支持针对(github 项目的)API 文档的 tags 和 issues 等按钮的跳转;
支持自定义图标的自定义按钮,并且支持配置自定义按钮的触发事件和事件处理器;
自动为文章页面添加通用的打印样式;
(在配置打印样式后)有纯净的阅读视图(按ESC键可退出);
针对超长文章,采用 time slice 机制优化性能;
可以作为 jQuery 插件使用;
界面简洁大方;
配置灵活,丰富,让你随心所欲掌控 outline.js;
说明:outline.js 的 Wiki 中介绍了实现自动计算段落层次的算法

解压密码: detechn或detechn.com

免责声明

本站所有资源出自互联网收集整理,本站不参与制作,如果侵犯了您的合法权益,请联系本站我们会及时删除。

本站发布资源来源于互联网,可能存在水印或者引流等信息,请用户自行鉴别,做一个有主见和判断力的用户。

本站资源仅供研究、学习交流之用,若使用商业用途,请购买正版授权,否则产生的一切后果将由下载用户自行承担。

Iconoir - 高品质的免费开源矢量图标库
« 上一篇 03-27
2023年中级经济师考试指南 - 准备考试所需的全部信息
下一篇 » 03-28

发表评论

惪特博客
  • 文章总数:
    18474 篇
  • 评论总数:
    53211 条
  • 标签总数:
    8841 个
  • 总浏览量:
    20516912 次
  • 最后更新:
    12月7日

最多点赞

随便看看

标签TAG