Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

图片可以指定宽高 #198

Open
Hoonick opened this issue Mar 7, 2020 · 6 comments
Open

图片可以指定宽高 #198

Hoonick opened this issue Mar 7, 2020 · 6 comments

Comments

@Hoonick
Copy link

Hoonick commented Mar 7, 2020

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

@MintQiana
Copy link

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

@snailjustgo
Copy link

图片的处理

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

@Hoonick
Copy link
Author

Hoonick commented Jul 18, 2020

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

@altairwei
Copy link

可以使用 HTML 语法:

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

WizNote 可以正确识别并渲染。

@Hoonick
Copy link
Author

Hoonick commented Jul 18, 2020

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

@akof1314
Copy link
Owner

akof1314 commented Aug 4, 2020

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants