根据AngularJS中textarea的只读属性使TinyMCE只读？答案

【问题标题】：Make TinyMCE readonly depending on the textarea's readonly property in AngularJS?根据AngularJS中textarea的只读属性使TinyMCE只读？
【发布时间】：2018-02-11 08:42:16
【问题描述】：

我需要制作一个只读的 TinyMCE 编辑器。这可以使用textarea 元素的readonly 属性而不是处理TinyMCE 的内部API 来实现吗？

我正在使用TinyMCE 4、AngularJS 和ui-tinymce 插件，这是我目前正在做的事情：

$scope.tinymceOptions = {

    setup: function(editor) {
        // only the focus event worked in my app
        editor.on('focus', function(event) {
            var editor = event.target;
            if (editor.readonly === true) {
                event.target.setMode('readonly');
            }
        })
    }
}

有没有更好的方法来做到这一点？ “焦点”事件在我的应用程序中工作，但任何初始化事件都会更好。

如果像下面这样的东西能自动工作就好了。但即使在标准的 TinyMCE fiddle（没有 AngularJS）中也不起作用：

<textarea readonly ui-tinymce ng-model="tinymceModel"></textarea>

【问题讨论】：

标签： javascript angularjs tinymce tinymce-4 angular-ui-tinymce

【解决方案1】：

如果您希望能够在 textarea 标签上放置一个属性并让ui-tinymce 将编辑器设置为readonly 模式，您需要与ui-tinymce 指令的开发人员一起解决这个问题。

该指令是在 MIT 许可下发布的，因此您可以（作为替代）根据需要修改源代码以满足您的要求。

【讨论】：