Установить содержимое редактора tinymce как доступное только для чтения в угловых 4

Question

У меня есть два редактора в моей форме. Я использую Angular 4. Я применил следующий код, чтобы установить редактор как только для чтения:

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

Но из приведенного выше кода, только один редактор содержимого установлен как только для чтения. Как выполнить это на всех редакторах?

Answer 1

Я понял идею из ответа @ Мишеля и написал следующий код:

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

Answer 2

Вы можете получить массив всех редакторов на странице с помощью

tinymce.editors

Возвращает массив со ссылками на каждый редактор. Затем вы можете перебирать массив и выполнять эти команды для каждого экземпляра редактора.