当前位置:Gxlcms > html代码 > MarkdownPad2添加目录(输出为HTML时可用)_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:6人阅读

平时看书的时候懒得上网写在线博客,就在电脑上用了很长时间的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代码下载地址

  • 参考博文

  • 人气教程排行