vue-quill-editor编辑器⽂本不居中问题处理
text align center
⼀、问题出现的原因
由于 使⽤这个样式 class="ql-align-center",但是在app中显⽰时没有这个样式,所以就不居中,我们可以修改⼀下,改成这样就能完美显⽰了
⼆、修改
<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'];
</script>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。