2019-08-22 vue整合quill-editor汉化+Iview文件上传

开发过程中遇到需要文本框的场景查了下发现有现成的轮子,但是不符合个人项目的框架,原作者使用使用element组件,我订单项目是Iview的组件,两套组件是比较像的,所以改造并不难故改造一下轮子使用到项目中~顺便记录一下。
原地址:vue整合quill-editor汉化+element文件上传

直接贴代码,至于quill-editor怎么在vue里面安装请自行百度。





另外原作者的高度设置样式可能导致如下图情况,

2019-08-22 vue整合quill-editor汉化+Iview文件上传_第1张图片
image.png

故改了一下样式

.editor {
  line-height: normal !important;
}
.editor .ql-container {
  height: 350px;  
}

效果如下


2019-08-22 vue整合quill-editor汉化+Iview文件上传_第2张图片
image.png

你可能感兴趣的:(2019-08-22 vue整合quill-editor汉化+Iview文件上传)