Vue3使用vue-quill富文本编辑器实现图片大小调整
安装uill-image-resize
npm install quill-image-resize --save
在项目中导入并注册插件
import { QuillEditor, Quill } from '@vueup/vue-quill';
import ImageUploader from 'quill-image-uploader';
import ImageResize from 'quill-image-resize'; //导入插件
import '@vueup/vue-quill/dist/vue-quill.snow.css';
// 注册插件
Quill.register('modules/imageResize', ImageResize);
export default {
components: {
QuillEditor,
},
data() {
return {
editorOption: {
modules: {
imageResize: {}, // 图像缩放
toolbar: [/* 工具栏配置 */],
},
},
};
},
};
效果
原文地址:https://blog.csdn.net/T3165919332/article/details/142526535
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!