不会保留Quill JS空格

问题描述

我已经将羽毛笔js编辑器添加到了我的网站。当我通过警告内容对其进行测试时，会发出我们在空格后插入的所有文本。

这是我的HTML：

<div id="postCommentEditor" class="postCommentEditor ql-align-right ql-direction-rtl"></div>

JS：

const quillEditor = new quill('#postCommentEditor',{
    modules: {
        toolbar: true,},theme: 'sNow',});

quillEditor.format('direction','rtl');
quillEditor.format('align','right');

CSS：

.postCommentEditor {
    height: 100px;
    margin-bottom: 5px;
}

我试图提醒编辑器中的输入：

let $contentOBJ = $(quillEditor.root).children()[0].innerHTML;
alert($contentOBJ);

所以当我键入：

aaaa
test

我只会收到警报aaaa。

解决方法

发生这种情况是因为Quill呈现了HTML，在您的情况下，它类似于

<p>aaaa</p>
<p>test</p>

因此，当您像这样检索内容时：
let $contentOBJ = $(quillEditor.root).children()[0].innerHTML;
显然，您只会获得第一个孩子的内容，即aaaa

要获取所有文本，请使用let $contentOBJ = $(quillEditor.root).innerHTML;或quillEditor.getText()

html javascript quill