jquery - 编辑器销毁

Question

编辑器所见即所得: https://github.com/dybskiy/redactor-js

JQuery 版本: jquery-1.10.1.min.js(也尝试了演示中捆绑的 1.9.0)

其实很简单，编辑图标出现在内容的右上角，点击将内容更改为所见即所得编辑器，并将图标更改为X以取消

点击X，销毁编辑器，所见即所得编辑器回到原文

按照本页的指导: http://imperavi.com/redactor/examples/click-to-edit/ 不同的是，我不需要 2 个函数，我将它组合成 1 个函数，具体取决于 editContainer 具有哪个类，将取决于执行哪个 if-else

问题: .redactor('destroy');不起作用

<style>
    #editContainer {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 16px;
        height: 16px;
    }
    #editContainer.edit {
        background: url("../img/icon-edit-16.png") no-repeat 0 0;
        z-index: 999;
        cursor: pointer;
    }
    #editContainer.cancel {
        background: url("../img/icon-error.png") no-repeat 0 0;
        z-index: 999;
        cursor: pointer;
    }
</style>
<div id='headerRightContent'>
    xxx
</div>

<div id='editContainer' class='edit' onclick=cmsEdit();></div>
<script type='text/javascript'>
    function cmsEdit() {
        if ( $('#editContainer').hasClass('edit') ) {
            $('#headerRightContent').redactor({ focus: true });
            $('#editContainer').removeClass('edit').addClass('cancel');
        }else if ( $('#editContainer').hasClass('cancel') ) {
            var html = $('#headerRightContent').redactor('get');
            $('#headerRightContent').redactor('destroy');
            $('#editContainer').removeClass('cancel').addClass('edit');
        }
    }
</script>

Answer 1

对于使用 Redactor II 遇到此问题的任何人，命令已略有更改。

$('#headerRightContent').redactor('core.destroy');