vue-quill-editor设置中文
时间: 2023-09-14 14:14:52 浏览: 292
要在vue-quill-editor中设置中文,你可以按照以下步骤进行操作:
1. 全局引用:在`main.js`文件中,通过`import`语句引入`vue-quill-editor`插件,并引入相应的样式文件。具体代码如下:
```javascript
import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor)
```
2. 局部引用:在需要使用`vue-quill-editor`的文件中,通过`import`语句引入相应的组件,并引入相应的样式文件。具体代码如下:
```javascript
import { quillEditor } from "vue-quill-editor"
import "quill/dist/quill.core.css"
import "quill/dist/quill.snow.css"
import "quill/dist/quill.bubble.css"
```
3. 修改配置:在`editorOption`属性中,可以设置`toolbar`中的按钮以及相应的中文名称。可以通过修改`size`属性和`font`属性来设置文字大小和字体。具体代码如下:
```javascript
editorOption: {
placeholder: '',
modules: {
toolbar: [
['bold', 'italic', 'underline'], // 加粗,斜体,下划线
[{'list': 'ordered'}, { 'list': 'bullet' }], // 列表
[{ 'align': [] }], // 对齐方式
[{ 'size': ['small', false, 'large', 'huge'] }], // 字体大小
[{ 'font': [false, 'serif', 'monospace'] }] // 字体
]
}
}
```
通过以上步骤,你就可以在`vue-quill-editor`中设置中文了。请根据你的具体需求进行相应的配置。
阅读全文