javascript - 如何使用 tinymce 的复选框按钮在运行时打开和关闭只读模式？

Question

我已将 tinymce 设置为仅在初始化时准备就绪，但如何在运行时使用复选框按钮将其设置为可编辑模式？

html,

<textarea id="my_textarea_id" readonly="readonly">Some content here.</textarea>
<input type="checkbox" class="switch" /> <span>Turn editor on/ off</span>

js,

var readonly = $("textarea#my_textarea_id").attr("readonly") ? 1 : 0;

tinyMCE.init({
        theme : "advanced",
        mode: 'none',
        readonly : readonly,
        ...
});

var object = $('.switch');
object.click(function(){
            if(object.prop('checked') === true){ 
                $("#my_textarea_id").data('readonly','true');
            } else {
                $("#my_textarea_id").data('readonly','false');
            }
});

Answer 1

试试这个

var object = $('.switch');
object.change(function(){
     $('#my_textarea_id').attr('readonly',!this.checked);
})