Wiz.Editor.md icon indicating copy to clipboard operation
Wiz.Editor.md copied to clipboard

图片可以指定宽高

Open Hoonick opened this issue 4 years ago • 6 comments

有些图片很大,希望可以在插入图片时指定宽高,缩放一下。这个功能其它很多MD编辑器都支持的吧。MD还有很多可以加强的地方,可以参考一下我很喜欢的一款编辑器VNOTE,github上有代码。

Hoonick avatar Mar 07 '20 04:03 Hoonick

希望能够支持图片缩放,这个功能是真的很实用

MintQiana avatar Apr 13 '20 06:04 MintQiana

图片的处理

  1. 我一般使用html标签<details><summary>描述</summary>图片</details>处理,效果会把图片折叠起来,要看的时候,再手动展开,不占用界面,因为图片无法搜索,所以不用担心搜索的问题~一般用在一些“需要看一下结果”的图片上面
    • 如果图片比较少,就手动添加html标签
    • 如果图片比较多,就先把图片统一放在有/无序列表后面,然后再用自己写的脚本统一添加就好了~
    • 注意:这个标签对于标题没有效果:无法折叠
  2. 或者,把右边的”大纲“打开,固定在窗口,大纲的窗口还可以手动调节,图片也就会相应的缩小,一般情况,我都是开着大纲窗口的,也很方便~
    • 如果手动缩放大纲,会使得标题跳转混乱,因为页面是在缩放之前就已经渲染好的,手动刷新一下页面就好了
    • 大纲有时候点击没有反应,是因为保存笔记的时候自动刷新了,再手动刷新一下页面就好了
    • 我一般是 TOC 和大纲一起用,TOC打开笔记的时候用,大纲在看笔记的中途使用,很方便

snailjustgo avatar Jul 18 '20 13:07 snailjustgo

我觉得这种处理方式不是很方便,因为我想看图片前必须要点击一下展开按钮才能看到图片,我想要的是我能直接看到图片又不想图片占用太大的面积,所以我想可以自己引入图片的时候可以自己指定宽高。

Hoonick avatar Jul 18 '20 14:07 Hoonick

可以使用 HTML 语法:

<img src="./index_files/20170319094545.jpg" style="zoom:50%;" />

WizNote 可以正确识别并渲染。

altairwei avatar Jul 18 '20 14:07 altairwei

用html标签的方式写起来实在太麻烦了,我觉得VNOTE方式就十分方便,有不少markdown编辑器都是采用的这种写法, ![](./index_files/image_20200208124122.png =320x300) 在引入图片的时候加上参数直接指定宽高这样就方便多了

Hoonick avatar Jul 18 '20 15:07 Hoonick

WizNote 不支持渲染的话,Wiz.Editor.md支持了也没用的,建议使用 @altairwei 方式

akof1314 avatar Aug 04 '20 09:08 akof1314