多语言展示
当前在线:1158今日阅读:112今日分享:19

vue-quill-editor头部如何设置成中文

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文本编辑器简单方便实用。

推荐信息