Skip to content

wanls4583/auto-toc-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

auto-toc-js

自动搜索网页中的标题,生成具有层次结构的文章目录的js插件

内容

浏览器兼容性

IE
IE
Firefox
Firefox
Chrome
Chrome
Safari
Safari
iOS Safari
iOS
Chrome for Android
Android
IE9+

功能特性

  • 使用简单,引入JavaScript文件即可
  • 配置灵活
  • 持续维护迭代

安装

NPM

npm install auto-toc-js

CDN

<script src="https://cdn.jsdelivr.net/npm/auto-toc-js@1.0.0/dist/toc.min.js"></script>

使用

<script src="../dist/toc.min.js"></script>
<script>
	new Toc({
	    wrapperId: 'wrap',
	    insertId: 'wrap',
	    showSerial: true
	}).createToc();
</script>

案例

请查看example

配置项

key description default val
wrapperId 需要生成toc目录的容器id - String
insertId 位置id,toc目录面板将插入在此id代表的元素的前面 - String
showSerial 是否显示目录序号 false Boolean

个别特殊配置项说明

1.目录样式需要自行添加,可参考示例中的样式代码。

历史版本

See the GitHub 历史版本.

贡献

欢迎给出一些意见和优化,期待你的 Pull Request