根据AngularJS中textarea的只读属性,使TinyMCE只读!

时间:2018-02-11 08:42:17

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

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

我正在使用TinyMCE 4AngularJSui-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>

1 个答案:

答案 0 :(得分:1)

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

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