源码地址:
https://github.com/Leecason/element-tiptap
可以看到,当前这个页面的文字,都是黑色的(除了链接)
酱紫有些单调,我喜欢五颜六色的。那么这篇文章就来看下菜单项里面如何增加一个颜色的扩展,可以为文字修改颜色🥗🥗🥗
文本颜色呢,就不用自己开发扩展了,tiptap 有提供现成的扩展
https://tiptap.dev/docs/editor/extensions/functionality/color
扩展列表都可以在这个文档里面找到,根据文档的说明,分为两个步骤,非常的简单方便快速
- 安装依赖
npm install @tiptap/extension-text-style @tiptap/extension-color
- 在扩展列表中增加一项
Color.configure({
types: ['textStyle'],
})
就是demos/views/Simple.vue 这个文件的 extensions
数组中增加 Color
项
然后就可以看到啦!