如何解决不会保留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()
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。