专业网站建设品牌,十四年专业建站经验,服务6000+客户--广州京杭网络
免费热线:400-683-0016      微信咨询  |  联系我们

vue-quill-editor 使用详细讲解步骤 小白使用方法

当前位置:网站建设 > 技术支持
资料来源:网络整理       时间:2023/2/14 0:31:53       共计:3647 浏览

vue-quill-editor 使用详细讲解步骤 小白使用方法

下载   npm install vue-quill-editor --save

然后在main.js里面引入
/富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import '@/styles/index.scss' // global css
Vue.use(VueQuillEditor)

 

在组件使用方法
<quill-editor class="appwrapper"
v-if="quillshow"
v-model="content"
ref="myQuillEditor"
:options="editorOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@change="onEditorChange($event)">
</quill-editor>

 

遇到的问题  就是在显示的时候 会出现P 标签 

 

修改字体成中文

 

有偿解决 :121661440

版权说明:
本网站凡注明“广州京杭 原创”的皆为本站原创文章,如需转载请注明出处!
本网转载皆注明出处,遵循行业规范,如发现作品内容版权或其它问题的,请与我们联系处理!
欢迎扫描右侧微信二维码与我们联系。
·上一条:完美解决: VSCode 中文显示 | ·下一条:用vue手脚架生成的项目直接修改时.vue文件后,保存编译就报一大堆的错,这是咋回事呢?

Copyright © 广州京杭网络科技有限公司 2005-2024 版权所有    粤ICP备16019765号 

广州京杭网络科技有限公司 版权所有