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

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

我在寻找一种方法以编程方式将数据插入我的ckeditor实例时遇到了一些困难。

我正在尝试实现的示例:

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

单击按钮时,我试图在ID为中间区域的div内添加数据。我什至可以用我拥有的数据替换该div。

我使用时

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

它只是在最顶部填充该div。

我已尝试使用]定位div>

document.getElementById('mid-area')

但是即使那样也不返回任何值。

感谢您的帮助。谢谢!

我在寻找一种方法以编程方式将数据插入ckeditor实例时遇到了一些困难。我要完成的示例:

]

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

我不会将其标记为答案,以防其他人想出另一个效果更好的解决方案。谢谢!

ckeditor ckeditor4.x
1个回答
0
投票

由于我使用的是ckeditor4-angular软件包,因此我能够找到该元素并通过执行设置html

© www.soinside.com 2019 - 2024. All rights reserved.