03 editor Toc 功能
<script type="text/javascript">
var testEditor;
$(function() {
testEditor = editormd("test-editormd", {
width : "90%",
height : 720,
path : "../lib/",
//toc : false, // diable ToC
tocStartLevel : 2 // Parse beginning of H2, Default value 1
});
$("#insert-btn").click(function() {
testEditor.config({
tocContainer : "#custom-toc-container",
tocDropdown : false
});
});
$("#menu-btn").click(function(){
testEditor.config({
tocContainer : "",
tocDropdown : true,
tocTitle : "目录 Table of Contents dsfsadfsfdsdf",
});
});
$("#menu2-btn").click(function(){
testEditor.config({
tocContainer : "#custom-toc-container",
tocDropdown : true,
tocTitle : "目录 Table of Contents dsfsadfsfdsdf",
});
});
$("#default-btn").click(function() {
$("#custom-toc-container").html("#custom-toc-container");
testEditor.config({
tocContainer : "",
tocm : false,
tocDropdown : false
});
});
$("#tocm-btn").click(function() {
$("#custom-toc-container").html("#custom-toc-container");
testEditor.config({
tocm : true,
tocContainer : "",
tocDropdown : false
});
});
});
</script>
功能展示:
生成 树形结构的div
<!-- 生成目录的位置 -->
<div class="markdown-body editormd-preview-container" id="custom-toc-container">#custom-toc-container</div>
// 调用的时间操作
$("#insert-btn").click(function() {
testEditor.config({
tocContainer : "#custom-toc-container",
tocDropdown : false
});
});
```