本文主要是介绍Vue-Quill-Editor回显不显示空格的处理办法,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
我自己在用VUE做一个博客网站,查了一下好多人都在用Vue-Quill-Editor,于是我也把这个插件加入到我的程序里,可是后来却出现了个问题,如图:
简单的代码如下:
<template><div><div class="container"><quill-editor ref="myTextEditor" v-model="content" :options="editorOption"></quill-editor></div><p>效果展示:</p><p v-html="content"></p></div>
</template>
<script>import 'quill/dist/quill.core.css';import 'quill/dist/quill.snow.css';import 'quill/dist/quill.bubble.css';import { quillEditor } from 'vue-quill-editor';export default {data: function(){return {content: '',editorOption: {placeholder: 'Hello World'}}},components: {quillEditor}}
</script>
可以看到,我在富文本编辑器里写的内容,回显后,会把空格默认给我清空消失掉了,这就不是我所想要的结果了,我看了Vue-Quill-Editor的github文档,又在百度上查了好半天,竟然没有一个能解决这个问题的方案,我也真是无语了。
话不多说,经历过得心酸只有本人知道;只来说一下最终结果。
只需要加上 class="ql-editor" 就行了
<p class="ql-editor" v-html="content"></p>
效果图:
真的很无语,官方作者竟然都不在文档里写上怎么回调。网上的同行不会遇到这个问题么?竟然没有人分享解决办法。
这篇关于Vue-Quill-Editor回显不显示空格的处理办法的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!