将tinymce编辑器内容设置为只读4角

问题描述 投票:1回答:2

我的表格中有两位编辑。我正在使用角度4.我已应用以下代码将编辑器设置为只读:

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

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

angular tinymce angular4-forms
2个回答
1
投票

您可以在页面上获得所有编辑器的数组

tinymce.editors

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


0
投票

我从@ Michel的回答中得到了这个想法,并编写了以下代码:

var result = tinymce.editors;
      result.forEach(element => {
        tinymce.get(element.id).getBody().setAttribute('contenteditable', false);
        tinymce.get(element.id).getBody().style.backgroundColor = '#ecf0f5';
      });
© www.soinside.com 2019 - 2024. All rights reserved.