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

一、问题出现的原因由于使用这个样式 class="ql-align-center"，但是在app中显示时没有这个样式，所以就不居中，我们可以修改一下，改成 style="text-align: center;"这样就能完美显示了二、修改<script>import Quill from 'quill';import Parchment from 'parchment';//目的是修改

吃范范

6291人浏览 · 2021-07-07 09:55:44

吃范范 · 2021-07-07 09:55:44 发布

一、问题出现的原因

由于使用这个样式 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>