Question

现在，我正在使用这行代码禁用tinyMCE

tinyMCE.get('tinymce_id').getBody().setAttribute('contenteditable', false);

但是，初始化时似乎没有禁用它。只有当我选择单选按钮时，它才会被禁用。

初始化后如何禁用特定的tinyMCE编辑器？如果可能的话，我想要一个适用于IE8的答案。提前谢谢！

JQuery：

 require(['tinymce'],function(){

            var disableInputs = function(){
                if($('input[name=type]:checked').val()==1){
                    tinyMCE.get('newsletter_message').getBody().setAttribute('contenteditable', false);
                    tinyMCE.get('category_message').getBody().setAttribute('contenteditable', true);
                }else{
                    tinyMCE.get('newsletter_message').getBody().setAttribute('contenteditable', true);
                    tinyMCE.get('category_message').getBody().setAttribute('contenteditable', false);
                }
            };
            $('input[name=type]').on('click',function(){
                disableInputs();
            });
            disableInputs();

        });

HTML：

<input type="radio" value=1 name=type/>
<div id="newsletter"> tinymce with id of newsletter_message initializes here... </div>

<input type="radio" value=0 name=type/>
<div id="category"> tinymce with id of category_message initializes here... </div>

Answer 1

您是否尝试过设置readonly配置参数？根据TinyMCE doc（http://www.tinymce.com/wiki.php/Configuration3x:readonly）：

此选项使您可以在只读模式下指定make editor实例。当它们处于只读模式时，不能改变任何内容，只是将内容呈现给用户。您可以将它与body_class结合使用，为只读模式呈现不同的可视化表示。

所以，你可以添加类似的东西（来自同一个来源）：

// Move focus to specific element
tinyMCE.init({
        ...
        theme : "advanced",
        readonly : 1
});

如何在完全初始化后禁用tinymce？

1 个答案: