作者:星汇半岛车位销售 | 来源:互联网 | 2023-07-28 18:33
一、自定义工具栏把toolbar在vue的datareturn里配置就可以;二、用vue-quill-editor写出来的邮件,发出去之后字体样式变了,那是应该vue-quill-
一、自定义工具栏把toolbar在vue的data return里配置就可以;
二、用vue-quill-editor写出来的邮件,发出去之后字体样式变了,那是应该vue-quill-editor改变字体的font-family没绑定在style上,而是通过class来改变的,这个class只有vue-quill-editor插件才有,接收邮件端是没有的,故没办法把想要的字体显示出来,只有把font-family绑定到style才有效。
效果图:如下:



以下是方法步骤:
1、vue项目安装vue-quill-editor:
npm install vue-quill-editor --save
2、vue项目的main.js方法中引入vue-quill-editor:
import VueQuillEditor from 'vue-quill-editor' //vue-quill-editor其它文件可在应用页面直接引入
Vue.use(VueQuillEditor)
3、应用页面引入并生成富文本域:
{{ msg }}
editor
v-model="content"
:options="editorOption"
@change="onEditorChange($event)"
>