如何在Primeng编辑器中固定图像尺寸/尺寸

Question

我正在使用prime ng编辑器开发一个角度为8的应用程序。在上传图像botton中，我想在上传之前固定图像大小和尺寸的限制，但我做不到。

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

Answer 1

Quill还没有（至少就我所知，直到今天）还没有一种实用的方法来控制用户计算机中的文件。

但是这不会阻止您定义自己的方式。 internet上有成百上千的教程，展示了如何使用JavaScript上传和显示图像。 With this knowledge，您要做的就是更改Quill的本机默认图像行为。在这种情况下，您可以更改工具栏图像按钮的行为。而且也不是很困难to get information about the image。

要更改“羽毛笔图像”按钮的默认行为，您需要使用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的更多信息。