search

imzbf / md-editor-v3

Markdown editor for vue3, developed in jsx and typescript, dark theme、beautify content by prettier、render articles directly、paste or clip the picture and upload it...
https://imzbf.github.io/md-editor-v3
MIT License
1.51k stars 144 forks source link

MdPreview无法禁用图片缩放 #544

Closed cooperGao closed 3 months ago

cooperGao commented 3 months ago

描述这个Bug

当我在移动端使用MdPreview时问题场景如下：

  1. 一个页面存在多个MdPreview组件，我给每个MdPreview设置了唯一ID，但是点击图片的时候会出现两个遮罩层架图片；
  2. 此时我想禁用图片缩放功能，设置了属性noImgZoomIn=“true”，然而并没有生效；
  3. 在config中增加以下配置: 
    config({
markdownItPlugins(plugins) {
return plugins.filter((p) => p.type !== 'image');
}
});

    依然没有效果； 4.我在pc端做同样的操作，还是无法禁用图片缩放；

版本号

4.15.6

问题重现链接

No response

imzbf commented 3 months ago

给个还原问题的基础项目看看，理论上只要你没有手动把editorId设置成想同，都没有这个问题

cooperGao commented 3 months ago

我是在uniapp中应用的，在检查元素的时候，看起来editorId是唯一的，但是点击却出现了两个遮罩层，这是ID重复才会出现的情况，我晚点创建一个基础项目测试下能否复现。（下面是问题的场景图片，图一为图片放大时的div结构；图二为md渲染场景，editorId是唯一的） 图一： 企业微信截图_877acf33-363b-4901-98da-42b989b3f9af 图二： 企业微信截图_49e6758a-a417-457b-83f8-ed2e9d4f11cc

imzbf commented 3 months ago

方便的话给下可以调试的项目，从图上没有办法定位问题

cooperGao commented 3 months ago

方便的话给下可以调试的项目，从图上没有办法定位问题

目前我用uniapp自带的API在onHtmlChanged中实现了预览放大功能，出现问题的场景我后面搭建个基础项目测试下能否复现