小书匠导出HTML,小书匠预览操作说明

阿垃垃圾咩咩

于 2021-06-30 04:55:14 发布

阅读量145

点赞数

文章标签：小书匠导出HTML

小书匠预览操作说明

预览小书匠

概述

预览

小书匠编辑器提供了边写作边预览功能。

打开预览

可以点击编辑器右侧中间按钮打开预览。需要注意的是如果当前窗口太小，系统会强制关闭边预览边写作功能，在编辑器侧边也就无法看到该按钮。只需要把窗口宽度调大一些，该按钮就会自动出现。

快捷键ctrl+shift+p

打开预览

关闭预览

点击预览区左侧中间按钮，就可以关闭预览功能。

关闭预览

实时同步预览

小书匠的边预览边写作支持实时同步，用户每次在编辑区输入的文字都会及时在预览区显示结果。

%E5%AE%9E%E6%97%B6%E5%90%8C%E6%AD%A5%E9%A2%84%E8%A7%88.gif

实时同步预览

双向精准定准滚动

支持仅预览区跟随编辑区同步滚动，或者仅编辑区跟随同步滚动，甚至预览区编辑区双向同步滚动功能。

可以通过预览区左侧下方的定位按钮打开或者关闭同步滚动功能。

同步滚动

小书匠采用了跟其他编辑器不同的定位算法，定位更准确。一般的编辑器都是通过滚动的百分比来计算同步滚动的位置，这种算法对于纯文字的文章，定位可能效果还可以接受，但对于图片比较多的文章，定位偏差就会很明显，甚至可能出现当前编辑的内容在预览区可视窗口内跟不看不到的情况。小书匠采用了更加准确的定位算法，解决了这种弊端。

%E5%90%8C%E6%AD%A5%E6%BB%9A%E5%8A%A8.gif

同步滚动演示

全屏预览

点击预览区右侧的全屏按钮，进入禅全屏预览模式。退出禅模式全屏，可以点击右侧的退出全屏按钮来退出禅全屏模式。

%E5%85%A8%E5%B1%8F%E9%A2%84%E8%A7%88.gif

全屏预览演示

大纲

大纲操作界面允许用户快速定位预览区文章的不同章节。

点击预览区右侧的大纲按钮，可以调出大纲操作界面。大纲操作界面支持双向同步定位，全部展开，全部折叠，跳转到文章开头，跳转到文章结尾等多种功能。同时也可以对大纲操作界面的大小进行调整，移动大纲操作界面位置。

%E9%A2%84%E8%A7%88%E5%8C%BA%E5%A4%A7%E7%BA%B2%E6%93%8D%E4%BD%9C.gif

大纲操作演示

注：预览区的大纲无法进行章节拖拽调整。

sourceMap 对照

打开 sourceMap 对照功能后，用户可以查看 markdown 文章部份相应生成的预览部分。帮助用户快速定位当前编辑位置和预览位置。

点击预览区右侧的按钮，就可以开启 sourceMap 对照功能。

sourceMap 对照

预览模式

小书匠支持普通(html)预览， ppt 预览，和 pdf 预览。其中 pdf 预览目前只支持在 web 实现。

点击预览区右侧的按钮，可以切换成不同的预览模式。

预览模式

普通预览

普通预览为默认预览，就是生成常规的 html ,没有做过多的处理。

ppt 预览

ppt 预览就是生成类似幻灯片的预览效果，对应的 markdown 文章需满足 ppt 的语法。具体的示例可以点击文档管理的左下角的帮助查看。

创建 ppt 示例

ppt%E9%A2%84%E8%A7%88.gif

ppt操作演示

pdf 预览

pdf预览模式下可以直接查看该文档生成的 pdf 效果，并且提供对当前 pdf 打印，下载的功能。如果该 pdf 文档不能满足要求，或者客户端的用户想要导出 pdf , 可以使用小书匠的导出功能，里面就有多种 pdf 导出功能，对 pdf 的配置也更加丰富，比如添加水印，设置页眉页脚，添加目录，大纲等。