在特定位置将HTML元素插入到CKEditor 4中_Ckeditor_Ckeditor4.x

在特定位置将HTML元素插入到CKEditor 4中

ckeditor

在特定位置将HTML元素插入到CKEditor 4中,ckeditor,ckeditor4.x,Ckeditor,Ckeditor4.x,我很难找到一种方法以编程方式将数据插入到我的ckeditor实例中我正在努力完成的一个例子： <html> <body> <div id="top-area"></div> <div id="mid-area"></div> <div id="bottom-area"></div> </body> </html> 但即使这样也不会返回任何值感谢您的

我很难找到一种方法以编程方式将数据插入到我的ckeditor实例中

我正在努力完成的一个例子：

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

但即使这样也不会返回任何值

感谢您的帮助。谢谢

因为我使用的是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>');

@ViewChild（'editor'，{static:false}）组件；
const元素=this.component.instance.document.getById（'mid-area'）；
setHtml（'这是随机区域的测试插入'）；

我不会将此标记为答案，以防其他人提出另一种更有效的解决方案。谢谢

document.getElementById('mid-area')

@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>');