MarkdownPad2 自动生成目录

在MarkdownPad2中生成目录，方便使用。点击工具-选项-高级-HTML Head编辑器。输入下面的代码。

注：在HTML模式使用。快捷键F6

<script type = "text/javascript" >
//create content
document.addEventListener("DOMContentLoaded", function()
{toTop();//置顶var div1            = document.createElement("div");div1.style.cssText  = "clear:both";// create TOC listvar outline         = document.createElement("div");outline.setAttribute("id", "outline-list");outline.style.cssText = "border:solid 1px #ccc; background:#eee; min-width:200px;padding:4px 10px;";var ele_p           = document.createElement("p");ele_p.style.cssText = "text-align: left; margin: 0;";outline.appendChild(ele_p);var ele_span        = document.createElement("span");// ele_span.style.cssText = "float: left;";var ele_text        = document.createTextNode("目录");ele_span.appendChild(ele_text);var ele_a           = document.createElement("a");ele_a.appendChild(document.createTextNode("[+]"));ele_a.setAttribute("href", "#");ele_a.setAttribute("onclick", "javascript:return openct(this);");ele_a.setAttribute("title", "Click to Open 目录");ele_span.appendChild(ele_a);ele_p.appendChild(ele_span);var ul_top          = document.createElement("ul"); // 顶级ul_top.style.cssText = "display:none;margin-left:14px;padding-left:14px;line-height:160%;";ul_top.setAttribute("id", "outline_ol");outline.appendChild(ul_top);var div1            = document.createElement("div");div1.style.cssText  = "clear:both";document.body.insertBefore(outline, document.body.childNodes[0]);// get all the headlinesvar headers         = document.querySelectorAll('h1,h2,h3,h4,h5,h6');if (headers.length < 2)return;var old_h = 1;var ul_array = new Array(7);var ul_current = null;ul_array[1] = ul_top;for (var i = 0; i < headers.length; i++){// get H* and prepare for the ordered list var header = headers[i];//header.setAttribute("id", "t" + i + header.tagName);header.setAttribute("id", header.textContent);var h = parseInt(header.tagName.substr(1), 10);// assert  1<=h && h <= 6ul_current = 0;if (h < old_h){for (var j = h+1; j <= 6; j++){ul_array[j] = null;}ul_current = h;}else if (h == old_h){ul_current = h;}else if (h > old_h){ul_current = old_h + 1; /* 是old_h + 1的原因： h如果是old_h + 2 或者 + 3时，我们依然按 + 1来做 */}if (ul_array[ul_current] == null){ul_array[ul_current] = document.createElement("ul");if (h>1){ul_array[h-1].lastChild.appendChild(ul_array[ul_current]);}}var elem_li = document.createElement("li");ul_array[ul_current].appendChild(elem_li);var a = document.createElement("a");// set href for the TOC item //a.setAttribute("href", "#t" + i + header.tagName);a.setAttribute("href", "#" + header.textContent);// TOC item text//a.innerHTML  = "h" + h + header.textContent;a.innerHTML  = header.textContent;elem_li.appendChild(a);old_h = h;}
});
function toTop(){var toTop           = document.createElement("div");toTop.style.cssText = "position:fixed;bottom:10px;right:10px;width:20x;height:20px;background:gray;padding:5px;";toTop.innerHTML="^"toTop.setAttribute("id", "toTop");toTop.setAttribute("title", "to top");document.body.insertBefore(toTop, document.body.childNodes[0]);// 获取置顶对象var obj = document.getElementById('toTop');// 置顶对象点击事件obj.onclick = function() {var timer = setInterval(function() {window.scrollBy(0, -500);if(document.documentElement && document.documentElement.scrollTop) //IE{if(document.documentElement.scrollTop<=0){clearInterval(timer);}else{window.scrollBy(0,-500);}}else{ //Chrome不支持documentElement.scrollTopif(document.body.scrollTop<=0){clearInterval(timer);}else{window.scrollBy(0,-500);}if (document.body.scrollTop == 0) {clearInterval(timer);};}}, 2);}// 窗口滚动检测//window.onscroll = function() {//    obj.style.display = (document.body.scrollTop >= 300) ? "block" : "none";//}
}
//
function openct(e)
{if (e.innerHTML == '[+]'){// createTextNodee.setAttribute('title', 'collapse');e.innerHTML         = '[-]';var             element = document.getElementById("outline_ol");element.style.cssText = "margin-left:14px;padding-left:14px;line-height:160%;";}else {e.setAttribute('title', 'expand');e.innerHTML         = '[+]';var             element = document.getElementById("outline_ol");element.style.cssText = "display:none;margin-left:14px;padding-left:14px;line-height:160%;";}e.blur();return false;
}</script>

MarkdownPad2 自动生成目录相关推荐

读取word对应页码_毕业论文怎样自动生成目录及从任意页开始排页码
怎样自动生成目录及从任意页开始排页码微软WORD这个软件大家都很熟悉,但有不少功能我们并没有用到,其中不乏非常实用的.今儿个我给大家介绍一下如何用WORD自动生成目录.这对那些用WORD写书,写论文的 ...
webstorm如何自动换行_怎样在word中自动生成目录
欢迎关注支持,谢谢!!! 用 Word 编排好一本书后,不用制作目录,可以用自动生成的方法生成,那么Word2016目录怎么自动生成呢?如果要自动生成目录,排版时就要设置好章节,如果等排 ...
Diango博客--6.Markdown 文章自动生成目录
文章目录 0.思路引导 1.在文中插入目录 2.在页面的任何地方插入目录 3.美化标题的锚点 URL 0.思路引导 Markdown 在解析内容的同时还可以自动提取整个内容的目录结构,本文内容将从以下 ...
html提交列表编号自动生成目录,解析 Html 自动生成目录 TOC 的相关代码
解析 Html 自动生成目录 TOC 的相关代码相关代码function create_content_TOC(dom, config, target) { let hList = dom.find ...
HelloDjango 第 10 篇：小细节 Markdown 文章自动生成目录，提升阅读体验
目录在文中插入目录在页面的任何地方插入目录处理空目录美化标题的锚点 URL 作者:HelloGitHub-追梦人物文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库上 ...
计算机目录排版的文章,自动生成目录,论文排版看这一篇就够了
很多同学写论文时候,对于排版比较纠结.一般各大高校对版面要求都大同小异,下面塔尖君就给大家介绍一下,论文排版的注意事项: 自动生成目录因为本人使用的是wps软件,而不是word.主要原因是wps体积 ...
Word排版如何快速自动生成目录，简单实用，一看就懂！
都说 "人靠衣装马靠鞍",的确如此,不光是人需要收拾的干净利落,我们的文章排版也是如此,只有当你的界面排版干净整洁时,才有让人阅读下去的欲望.那么现在问题来了,如何在排版中快速自动 ...
word自动生成目录页码不能右对齐问题
在用word自动生成目录时,产生的目录总是不能右对齐,如下图这时可以再生成目录对话框中修改相关选项来更正这个错误. 在引用->目录->插入目录的对话框中,<常规>--< ...
论文格式设置-页面设置、页眉页脚、自动生成目录等
一.页面设置我们在平时使用Word编辑.打印文件时常会用到"页面设置"命令 1.最通常的操作方法是:执行"文件→页面设置"菜单命令. 2.将Word的&quo ...

MarkdownPad2 自动生成目录

MarkdownPad2 自动生成目录相关推荐

最新文章

热门文章