欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

MarkdownPad2添加目录(输出为HTML时可用)_html/css_WEB-ITnose

程序员文章站 2022-05-21 12:24:13
...
平时看书的时候懒得上网写在线博客,就在电脑上用了很长时间的MarkDownPad2来记录自己的心得笔记,等那天高兴了再把他们贴出来。界面清爽,是我使用它最重要的原因,但是MarkdownPad2导出的HTML文件不能自动提取目录,手动添加有特别麻烦,这让我大为恼火。于是,经过一天的Google,百度。需要自定义Html模板,添加一段JS代码就可以了。网上找了一段代码,自己又修改了一点,添加了一些功能(点击收起或展开目录)不过前提是,你要激活MarkdownPad2的专业版。这里分享一个授权key
邮箱地址:Soar360@live.com授权秘钥:GBPduHjWfJU1mZqcPM3BikjYKF6xKhlKIys3i1MU2eJHqWGImDHzWdD6xhMNLGVpbP2M5SN6bnxn2kSE8qHqNY5QaaRxmO3YSMHxlv2EYpjdwLcPwfeTG7kUdnhKE0vVy4RidP6Y2wZ0q74f47fzsZo45JE2hfQBFi2O9Jldjp1mW8HUpTtLA2a5/sQytXJUQl/QKO0jUQY4pa5CCx20sV1ClOTZtAGngSOJtIOFXK599sBr5aIEFyH0K7H4BoNMiiDMnxt1rD8Vb/ikJdhGMMQr0R4B+L3nWU97eaVPTRKfWGDE8/eAgKzpGwrQQoDh+nzX1xoVQ8NAuH

授权过后就可以自定义Html模板了;就在 Tools→ Options → Advanced 中的Custom Html Head Content中,点击HTML head edit将下面的代码复制到弹出的框内即可

自己的代码

  • 由于这段代码没有使用JQuery,很多方法开起来很累赘,但是如果另外引入JQuery文件的话,对于MarkdownPad来说就有点不太方便了,需要把JQuery文件放在需要导出的Html文件的同文件夹下。
  •     
  • 原文件

  • 到处为Html文件后效果图

  • 本人JS功底不是太好,其中代码不免有不足、多余之处,望大神们指出,大家共同进步

  • JS代码下载地址:JS代码下载地址

  • 参考博文