Wiz.Editor.md
Wiz.Editor.md copied to clipboard
图片可以指定宽高
有些图片很大,希望可以在插入图片时指定宽高,缩放一下。这个功能其它很多MD编辑器都支持的吧。MD还有很多可以加强的地方,可以参考一下我很喜欢的一款编辑器VNOTE,github上有代码。
希望能够支持图片缩放,这个功能是真的很实用
图片的处理
- 我一般使用html标签
<details><summary>描述</summary>图片</details>
处理,效果会把图片折叠起来,要看的时候,再手动展开,不占用界面,因为图片无法搜索,所以不用担心搜索的问题~一般用在一些“需要看一下结果”的图片上面- 如果图片比较少,就手动添加html标签
- 如果图片比较多,就先把图片统一放在有/无序列表后面,然后再用自己写的脚本统一添加就好了~
- 注意:这个标签对于标题没有效果:无法折叠
- 或者,把右边的”大纲“打开,固定在窗口,大纲的窗口还可以手动调节,图片也就会相应的缩小,一般情况,我都是开着大纲窗口的,也很方便~
- 如果手动缩放大纲,会使得标题跳转混乱,因为页面是在缩放之前就已经渲染好的,手动刷新一下页面就好了
- 大纲有时候点击没有反应,是因为保存笔记的时候自动刷新了,再手动刷新一下页面就好了
- 我一般是 TOC 和大纲一起用,TOC打开笔记的时候用,大纲在看笔记的中途使用,很方便
我觉得这种处理方式不是很方便,因为我想看图片前必须要点击一下展开按钮才能看到图片,我想要的是我能直接看到图片又不想图片占用太大的面积,所以我想可以自己引入图片的时候可以自己指定宽高。
可以使用 HTML 语法:
<img src="./index_files/20170319094545.jpg" style="zoom:50%;" />
WizNote 可以正确识别并渲染。
用html标签的方式写起来实在太麻烦了,我觉得VNOTE方式就十分方便,有不少markdown编辑器都是采用的这种写法,

在引入图片的时候加上参数直接指定宽高这样就方便多了
WizNote 不支持渲染的话,Wiz.Editor.md支持了也没用的,建议使用 @altairwei 方式