vue-quill-editor图片大小
时间: 2023-07-12 08:43:58 浏览: 142
图片大小编辑软件
3星 · 编辑精心推荐
问题不完整,请提供更多详细信息。您是想了解vue-quill-editor中如何改变插入图片的大小吗?如果是的话,您可以使用下面的代码:
```javascript
<quill-editor
...
:options="editorOption"
></quill-editor>
...
data() {
return {
editorOption: {
...
toolbar: {
...
handlers: {
image: function() {
var range = this.quill.getSelection();
var value = prompt('What is the image URL');
var img = '<img src="' + value + '">';
this.quill.insertEmbed(range.index, 'image', img);
// set image size
var imgElement = this.quill.container.querySelector('image[src="' + value + '"]');
if (imgElement) {
imgElement.style.maxWidth = '100%';
imgElement.style.height = 'auto';
}
}
}
}
}
};
}
```
在上面的代码中,我们通过setInterval()函数来不断地获取当前输入的文本框的值,从而实现了模糊搜索的效果。同时,我们也使用了 Ajax 技术来向后端发送请求,从而获取以某个字符串为前缀的数据。如果这些数据中,有可选项的话,我们可以将其全部渲染出来,供用户进行选择。
阅读全文