vue-quill-editor编辑器文本不居中问题处理

最新推荐文章于 2024-08-16 17:45:33 发布

吃范范

最新推荐文章于 2024-08-16 17:45:33 发布

阅读量5.7k

点赞数 6

分类专栏：代码模块文章标签： vue 富文本居中 Quill

本文链接：https://blog.csdn.net/fanhuiixa/article/details/118540311

版权

代码模块专栏收录该内容

24 篇文章 0 订阅

订阅专栏

一、问题出现的原因

由于使用这个样式 class="ql-align-center"，但是在app中显示时没有这个样式，所以就不居中，我们可以修改一下，改成 style="text-align: center;"这样就能完美显示了

二、修改

<script>
import Quill from 'quill';
import Parchment from 'parchment';
//目的是修改富文本内容居中不了的问题
let config = {
  scope: Parchment.Scope.BLOCK,
  whitelist: ['right', 'center', 'justify']
};
let AlignStyle = new Parchment.Attributor.Style('align', 'text-align', config);
export { AlignStyle };
var Align = Quill.import('attributors/style/align');
Align.whitelist = ['right', 'center', 'justify'];
Quill.register(Align, true);

</script>