我不确定我是否以正确的方式思考这个问题。我有一个包含文本的Div。我希望能够使用Quill编辑此文本,然后使用格式将其保存回Div。这一切都很好,但是如果我再次尝试编辑它,它会拉入所有的HTML格式化标签。
我想我是以错误的方式获取内容了。我一直在处理增量,但不明白如果有更新/错误,如何使用它来“编辑”文本。
下面是代码。你可以在这里看到codepen。https://codepen.io/anon/pen/OwbRbQ
//Create container
var container = $('.editor').get(0);
//Setup Quill
var quill = new Quill(container, {
modules: {
clipboard: {
matchVisual: false
},
toolbar: '#toolbar-container'
},
placeholder: 'Compose an epic...',
theme: 'snow'
});
//Edit functions
$("#editPage").click(function () {
var $this = $(this);
var introText = document.getElementById('introText');
var existingContent = $('#introText').html();
if ($this.attr('editing') != '1') {
$this.html('<i class="fas fa-search"></i> Preview').attr('editing', 1);
//Set content on edit/save
quill.setContents([
{
insert: existingContent
}
]);
} else {
$this.html("<i class='fas fa-pencil-alt'></i> Modify this page").removeAttr('editing');
delta = quill.getContents();
var html = quill.root.innerHTML;
introText.innerHTML = html;
}
});
谢谢你的帮助。
https://stackoverflow.com/questions/51428639
复制相似问题