vue-quill-editor 简称VUE富文本编辑器-是一个很实用的工具,经常出现在VUE项目中 或者博客的评论等填表框架里。通常在LINUX系统环境下npm 安装 vue-quill-editor ,然后在main.js中引入import VueQuillEditor from 'vue-quill-editor'
工具/原料
vue-quill-editor
方法/步骤
1
我们先来看看实现过程1.安装vue-quill-editor2.安装vue-quill-editor并将其添加进依赖3.引入vue-quill-editor在Vue主文件中引入并使用vue-quill-editor,这个是基于VUE2.0项目调用的
2
我们来看看默认的vue-quill-editor安装完成后的效果:
3
由于全部都是工具按钮 也许很多朋友都会感觉很枯燥 所以我们需要给VUE编辑器的头部添加一些中文说明等的修饰:
4
可以直接在 模板中进行添加调用富文本编辑器时,直接调用公共组件即可,也可以另外自己写一个DIV进行展示,这样就能直接的吧头部设置成中文。
5
关于中文的显示也有一些需要注意的地方。曾经有朋友在参照vue2.0中文官方文档学习服务端渲染之流式渲染时,因为响应头默认编码类型为GBK,而文件为UFT-8类型,所以出现了中文乱码问题。解决办法:设置响应头编码类型即可response.setHeader('Content-type', 'text/html;charset=UTF-8');
注意事项
VUE文本编辑器简单方便实用。
上一篇:男生如何赢得女孩的芳心?
下一篇:一步步教你如何清洗风扇