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

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

html

试试这个：

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

试试这个：

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

试试这个

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

试试这个

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

---

如果您使用的是TinyMCE>4.3.0版本，则以下代码应能正常工作：

var object = $('.switch');
object.click(function(){
    if(object.prop('checked') === true){
        tinymce.activeEditor.setMode('readonly')
    } else {
        tinymce.activeEditor.setMode('design')
    }
});

---

参考资料：

如果您使用的是TinyMCE>4.3.0版本，则以下代码应能正常工作：

var object = $('.switch');
object.click(function(){
    if(object.prop('checked') === true){
        tinymce.activeEditor.setMode('readonly')
    } else {
        tinymce.activeEditor.setMode('design')
    }
});

参考：