Вставьте элемент HTML в CKEditor 4 в указанном месте c - PullRequest
0 голосов
/ 27 апреля 2020

У меня небольшие трудности с поиском способа программной вставки данных в мой экземпляр ckeditor.

Пример того, что я пытаюсь выполнить sh:

<html>
  <body>
  <div id="top-area"></div>
  <div id="mid-area"></div> 
  <div id="bottom-area"></div>
  </body>
</html> 

При нажатии кнопки я пытаюсь добавить данные внутри div с идентификатором mid-area. Я бы даже согласился заменить этот div данными, которые у меня есть.

Когда я использую

.insertHtml(
        '<div>This is a test insert for a random area</div>',
    );

Он просто заполняет этот div в самом верху.

I попытался нацелить div с помощью

document.getElementById('mid-area')

, но даже это не возвращает никакого значения.

Любая помощь приветствуется. Спасибо!

1 Ответ

0 голосов
/ 27 апреля 2020

Поскольку я использую пакет ckeditor4- angular, я могу найти элемент и установить html, выполнив

@ViewChild('editor', { static: false }) component;

const element = this.component.instance.document.getById('mid-area');
element.setHtml('<div>This is a test insert for a random area</div>');

Я не буду отмечать это как ответ, если кто-то еще придет с другим решением, которое работает лучше. Спасибо!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...