Typroa导出HTML带大纲

1、勾选大纲

文件 > 偏好设置 > 导出 > HTML 勾上【保留大纲侧边栏】
如图所示：

2、增加Html代码

编辑框内插入一段代码，如图所示：

将以下代码复制粘贴到编辑框内

<script>// 隐藏按钮var outlineBtn = document.querySelector(".outline-btn");var outlineContent = document.querySelector(".outline-content");var isHide = false;var outlineFunction = () => {if (isHide) {outlineContent.style.display = "none";outlineBtn.style.left = "0.5rem";outlineBtn.style.width = "5rem"outlineBtn.innerHTML = "展开大纲";} else {outlineContent.style.display = "block";let leftLength = outlineContent.offsetWidth/16 + 2.5;outlineBtn.style.left = `${leftLength}rem`;outlineBtn.style.width = "3rem"outlineBtn.innerHTML = "收起";}outlineBtn.style.display = "block";}outlineFunction();outlineBtn.onclick = function () {isHide = !isHide;outlineFunction();}
</script>
<style/>
.typora-export-show-outline .typora-export-content { max-width: 2440px; margin: auto; display: flex; flex-direction: row; }
.outline-btn{width: 4.5rem;height: 1.5rem;background-color: #ccc;position: fixed;left: 0.5rem;top: 0.8rem;text-align: center;color: #595959;cursor: pointer;line-height: 1.5rem;border-radius: 0.3rem;user-select:none;}
</style>

3、导出Html

文件->导出->HTML

4、编辑HTML

使用Notepad++编辑HTML，插入一段代码，插入位置如图所示：

复制以下代码

<div class="outline-btn" style="display:none">

如图所示：

5、保存即可完成

Typroa导出HTML带大纲相关推荐

POI 导出excel带小数点的数字格式显示不对解决方法
POI 导出excel带小数点的数字格式显示不对解决方法参考文章: (1)POI 导出excel带小数点的数字格式显示不对解决方法 (2)https://www.cnblogs.com/firstd ...
java freemarker导出word 带图片，文件导出后图片无法使用office正常打开
问题记录:java freemark导出word 带图片,文件导出后图片无法使用office正常打开,解决之! 现象:wps打开正常,office如下修改点: 图片${image1}标签前后保证无空 ...
java实现word导出（带图片）
java实现word导出(带图片) 转载地址:https://www.jianshu.com/p/98ed03044fe1
java导出excel带图片_JAVA的poi实现模版导出excel(带图片).doc
JAVA的poi实现模版导出excel(带图片) 下面是本人使用java的poi实现使用模板到处excel,内容包含图片,使用两种不同的方式实现其到处excel.但是使用jxl实现到处excel只能到 ...
Hutool导出excel带前台Base64图片
Hutool导出excel带前台Base64图片,hutool并没有封装具体方法,需要自己手动插入. @Data public class PicDto {private String chartBa ...
echarts 图表导出PDF(带滚动条)/图片导出PDF
echarts 图表导出PDF[带滚动条]/图片导出PDF 效果展示提出问题思考问题解决问题导出PDF 里面的页头中文乱码问题参数说明效果展示提出问题在开发过程中,有需求是将展示出来的 ...
POI导出EXCEL带水印以及单元格格式设置
客户提个需求,需要将报表导出 excel带水印和 pdf带水印 2个版本. 做的时候连excel本身怎么带水印都不知道,更不用说用java了.后来在网上搜到了excel添加水印的2个方法. 1.艺术 ...
springboot + 若依 ruoyi + easypoi excel的导入导出（带图片）
springboot + 若依 ruoyi + easypoi excel的导入导出(带图片) 一.官方文档 gitee地址官方文档二.快速开始 1.导入引入依赖 <dependency& ...
mysqldump导出insert带字段
增加参数: --skip-extended-insert --complete-insert mysqldump -uroot -p123456 -hhost -P3408 --skip-exten ...

Typroa导出HTML带大纲

1、勾选大纲

2、增加Html代码

3、导出Html

4、编辑HTML

5、保存即可完成

Typroa导出HTML带大纲相关推荐

最新文章

热门文章