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

How to switch on and off the readonly mode on runtime with a checkbox button for tinymce?

本文关键字：模式 只读 按钮 复选框 运行时 timece      更新时间：2023-09-26

我有时间设置为准备仅在初始化，但我怎么能将其设置为可编辑模式运行时与复选框按钮?

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');
            }
});

try this

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')
    }
});

参考:https://github.com/tinymce/tinymce/issues/2580

try this:

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