Question

我的表单中有两个编辑器。我正在使用angular4。我已应用以下代码将编辑器设置为只读：

tinymce.activeEditor.getBody().setAttribute('contenteditable', false);
tinymce.activeEditor.getBody().style.backgroundColor = '#ecf0f5';

但是从上面的代码中，只有一个编辑器内容设置为只读。如何在所有编辑器上执行此操作？

Answer 1

您可以使用

来获取页面上所有编辑器的数组

tinymce.editors

这将返回一个数组，其中包含对每个编辑器的引用。然后，您可以遍历数组并在每个编辑器实例上执行这些命令。

Answer 2

您可以简单地禁用编辑器：

<editor [disabled]="someCondition"></editor>

Answer 3

我从@Michel的答案中得到了这个主意，并编写了以下代码：

var result = tinymce.editors;
      result.forEach(element => {
        tinymce.get(element.id).getBody().setAttribute('contenteditable', false);
        tinymce.get(element.id).getBody().style.backgroundColor = '#ecf0f5';
      });

Answer 4

似乎其他人已成功禁用控件。当我尝试时，它不允许任何键盘或鼠标交互。因此，我改用了这种对我来说效果很好的方法，它允许 ctrl/a、ctrl/c 和鼠标选择，但阻止用户编辑文本。

 Error: ENOENT: no such file or directory, open './transfer_key.ppk'

}

将tinymce编辑器内容设置为angular 4中的只读

4 个答案: