如何在primeng编辑器上修复图像大小/尺寸

Question

我正在使用 Angular 8 开发一个应用程序，其中我使用的是 Prime ng 编辑器。在上传图片按钮中，我想在上传之前修复图片大小和尺寸的限制，但我无法让它工作。

有人可以帮我做吗？否则任何使其他组件更简单的建议。

Answer 1

Quill 还没有（至少据我所知和今天）有一种实用的方法来控制来自用户计算机的文件。

但这并不能阻止您定义自己的方式来做这件事。 internet 上有数百个教程，演示了如何使用 JavaScript 上传和显示图像。 With this knowledge，您所要做的就是更改 Quill 的原生默认图像行为。在这种情况下，您可以更改工具栏图像按钮的行为。而且难度不是很大to get information about the image。

要更改 Quill 图片按钮的默认行为，您需要使用 custom handler。下面是一个简单的例子，说明图像按钮如何改变其行为：

function customImageBehavior(){
  console.log('Put your code here!');
}

var quill = new Quill('#editor', {
    theme: 'snow',
    modules: {
      toolbar: {
        container: [['bold' , 'italic' , 'strike' , 'underline'] , ['image' , 'video' , 'link']],
        handlers: {
          'image': customImageBehavior
        }
      }
    }
});

<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<div id="editor"></div>

哦，别忘了访问 this link 以了解有关 Quill 的更多信息。