javascript - 将tinyMCE 内容与原始内容进行比较

Question

如何判断tinyMCE内容是否已更改？我以为我会执行以下操作，但是，tinymce 将每个 <p>在单独的一行上。我想我可以像 How to TinyMce change detect? 那样检查按键，但这并不能真正说明最终是否发生了任何改变。

tinymce.init({selector: "#content"});
if($.trim(tinymce.get('content').getContent()) != $.trim($('#content').val())){alert('changed');}

Answer 1

我会做的(如果我得到你所问的正确的话)是将原始值存储在变量中和onchange_callback上TinyMCE 提供判断当前内容是否等于原始内容的功能。所以

// Store the original value
var original = document.getElementById('content').value;

function myCustomOnChangeHandler(inst)
{
    // Determine if the current content of the textarea is equal to
    // the original content
    if (original.localeCompare(inst.getBody().innerHTML) === 0) {
        console.log("Hasn't changed.");
    } else {
        console.log("Changed.");
    }
}

// Initialize TinyMCE
tinymce.init({
    selector : '#content',
    onchange_callback : "myCustomOnChangeHandler"
});

如果这不起作用，请尝试使用 isDirty方法返回一个 bool 值，确定内容是否已更改。