【Vue】给quill-editor组件中的工具栏添加title

最新推荐文章于 2024-08-09 07:00:42 发布

汪小穆

最新推荐文章于 2024-08-09 07:00:42 发布

阅读量6.6k

点赞数 8

分类专栏： Vue 文章标签： vue-quill-editor vue富文本编辑器 vue-quill-editor添加title提示 quill添加title

本文链接：https://blog.csdn.net/w390058785/article/details/84346251

版权

前言：quill-editor组件中的工具栏都是英文，而且最难受的时没有title提示，要怎样给他添加title，并且是中文的title提示呢？

一、创建一个quill-title.js文件

①、在其中插入以下代码

const titleConfig = {
  'ql-bold':'加粗',
  'ql-color':'颜色',
  'ql-font':'字体',
  'ql-code':'插入代码',
  'ql-italic':'斜体',
  'ql-link':'添加链接',
  'ql-background':'背景颜色',
  'ql-size':'字体大小',
  'ql-strike':'删除线',
  'ql-script':'上标/下标',
  'ql-underline':'下划线',
  'ql-blockquote':'引用',
  'ql-header':'标题',
  'ql-indent':'缩进',
  'ql-list':'列表',
  'ql-align':'文本对齐'