羽毛笔编辑器图像调整大小

时间:2021-01-18 09:46:02

标签: angular quill ngx-quill

我正在使用 ngx quill 编辑器,可以通过工具栏粘贴图像或添加图像。我的方法不是使用 64 位,我将图像上传到服务器并返回到我的 quill 编辑器中的输入,如果用户上传图片。我现在使用 quill-image-resize - npm 的问题是,如果我不将新图像上传到服务器,则无法调整图像大小,问题是插件在调整图像大小后没有事件,因此无法重新上传。

任何比我的方法更好的方法,或者我应该放弃

1 个答案:

答案 0 :(得分:0)

是的。捕获调整大小事件是可能的。 当调整大小事件结束时,光标样式值总是从 nw-se 光标重置为“文本”。此外,标签名称应为“IMG”,否则将捕获选择更改。

quill.on('scroll-optimize',function(s,t){
    if(s.length>0)
    {

      if(window.getComputedStyle(s[0].target).cursor=='text' && s[0].target.tagName=='IMG')
      {
          console.log('resize event occurred:'+':width:'+s[0].target.width+':height:'+s[0].target.height);
      }
    }
});