Javascript 通过Jquery禁用TinyMCE文本编辑器_Javascript_Jquery_.net_Tinymce

Javascript 通过Jquery禁用TinyMCE文本编辑器

javascript jquery .net tinymce

Javascript 通过Jquery禁用TinyMCE文本编辑器,javascript,jquery,.net,tinymce,Javascript,Jquery,.net,Tinymce,我有多个微型MCE编辑器，我正试图禁用编辑功能。我尝试了以下多种变体： if(@Model.hasRegular.ToString().ToLower()) { tinymce.get('#rte').getBody().setAttribute('contenteditable', false); } if(@Model.hasSmall.ToString().ToLower()) { t

我有多个微型MCE编辑器，我正试图禁用编辑功能。我尝试了以下多种变体：

if(@Model.hasRegular.ToString().ToLower()) 
        {
          tinymce.get('#rte').getBody().setAttribute('contenteditable', false);
        }
        if(@Model.hasSmall.ToString().ToLower())
        {
          tinymce.get('#rteSmall').getBody().setAttribute('contenteditable', false);
        }
        if(@Model.isOneSize.ToString().ToLower())
        {
          tinymce.get('#rteOneSize').getBody().setAttribute('contenteditable', false);
        }

“我的编辑器”的定义类似于：

tinymce.init({
          selector: '#rte',
          toolbar: 'bold italic underline',
          height: '200px',
          width: '420px',
          elementpath: false,
          menubar: false,
          content_style: "div {border: 50px solid red;}",

          setup: function (ed) {
            ed.on('init', function () {
              this.getDoc().body.style.fontSize = '16px';
              this.getDoc().body.style.fontFamily = 'Helvetica';
              //disables editing for non admins
              if ($('#nonAdmin').length) {
                this.setMode('readonly');
              }

            });
          }

        });

当前，在我尝试的过程中，我遇到了一个控制台错误：

无法读取null的属性“getBody”

您对tinymce.get（）的调用不正确

get（）的API声明：

按id:get（id:String）：tinymce.editor返回编辑器实例

参数： id（字符串）-要返回的编辑器实例id或索引

这不是jQuery API调用，因此您的调用：

tinymce.get('#rteSmall')

…应该是

tinymce.get('rteSmall')

您对tinymce.get（）的调用不正确

get（）的API声明：

按id:get（id:String）：tinymce.editor返回编辑器实例

参数： id（字符串）-要返回的编辑器实例id或索引

这不是jQuery API调用，因此您的调用：

tinymce.get('#rteSmall')

…应该是

tinymce.get('rteSmall')

您的禁用代码中有一个输入错误：

tinymce.get('#rte').getBody().setAttribute('contenteditable', false);

该行必须是：

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

因此，请删除#符号

因为您已经使用了setMode，所以可以执行以下操作：

tinyMCE.get('rte').setMode('readonly');

或

片段（小提琴：）：

$（函数（）{
$（'#nonAdmin'）。关于（'change'，函数（e）{
tinyMCE.get（'rte'）.getBody（）.setAttribute（'contenteditable'，！this.checked）；
});
tinymce.init({
选择器：“#rte”，
工具栏：“粗体斜体下划线”，
高度：“200px”，
宽度：“420px”，
元素路径：false，
梅努巴：错，
content_样式：“div{border:50px实心红色；}”，
设置：功能（ed）{
ed.on（'init'，函数（）{
this.getDoc（）.body.style.fontSize='16px'；
this.getDoc（）.body.style.fontFamily='Helvetica'；
//禁用非管理员的编辑
if（$（'#nonAdmin'）.prop（'checked'））{
此.setMode（'readonly'）；
}
});
}
});
});


TinyMCE快速入门指南
禁用：
你好，世界！