quill-editor 配置字体大小
时间: 2023-11-24 12:37:31 浏览: 87
vue3.0 vue-quill-editor.rar
要配置quill-editor的字体大小,你需要引入Quill和VueQuillEditor,并进行相应的配置。首先,你需要引入Quill和VueQuillEditor的依赖包,然后在你的代码中导入它们。在Vue组件的data选项中,你可以定义一个名为option的对象,其中包含modules和toolbar两个属性。modules属性中的toolbar属性是一个数组,你可以在其中定义字体大小选项。具体来说,你需要引入Size,并在Size的whitelist属性中定义你想要的字体大小。最后,通过Quill的register方法将Size注册为自定义的字体大小选项。这样就可以在quill-editor中选择自定义的字体大小了。
举个例子,假设你想要设置的字体大小有12px、14px和16px,那么你可以在Size的whitelist属性中定义这三个值。然后,在toolbar属性中添加一个'size'选项,并将其值设置为Size.whitelist。这样就可以在quill-editor中看到你定义的字体大小选项了。
注意,在使用vue-quill-editor时,如果你正在使用Vue 3.0版本,你可以直接引入该插件并使用它,而不需要手动配置字体大小。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
阅读全文