docsify-chat icon indicating copy to clipboard operation
docsify-chat copied to clipboard

图片消息适配

Open sangsang17 opened this issue 2 years ago • 2 comments

自己尝试改了一下还是不太行 可以增加一下适配图片消息吗 最好是文字+图片在同一个消息里的那种

sangsang17 avatar Nov 07 '23 11:11 sangsang17

QQ截图20231107193722 在移动端也会有错位的bug

sangsang17 avatar Nov 07 '23 11:11 sangsang17

自己尝试改了一下还是不太行 可以增加一下适配图片消息吗 最好是文字+图片在同一个消息里的那种

已更新 v0.3.0,新增移动端适配、性能优化以及 markdown 图片解析。

之前图片没有去解析其实是有意为之的,这个是已知问题,因为 markdown 天生支持 html,可以直接用 <img> 标签替代,例如在我昨天没更新前,你其实可以这样去写。

<!-- chat:start -->

#### **kokkoro**

<img src="/images/meme.jpg"/>
hello

#### **yuki**

hello world

<!-- chat:end -->

为什么要这样去设计?因为我个人很少有使用图片的情况,其次图片大小自适应是一门学问,大图、小图、长图、宽图,甚至是单图多图,在我们平时使用的社交软件上显示效果都是完全不一样的。如何去自适应图片的大小要考虑很多很多的情况,所以我没有去逐一验证,我自己在遇到需要使用图片的情况时都是使用 <img> 手动设置宽高。

目前的解决方案是我给所有图片设置了一个 max-widthmin-width,这可能在某些情况下看起来怪怪的。当然,如果你涉及图片演示的场景比较多,有更好的建议可以随时联系我。

xueelf avatar Nov 08 '23 13:11 xueelf