Javascript 如何在ckeditor中的某个div中插入代码,而不是在cusor位置插入代码?

Javascript 如何在ckeditor中的某个div中插入代码,而不是在cusor位置插入代码?,javascript,css,ckeditor,Javascript,Css,Ckeditor,我正在尝试为ckeditor创建按钮,该按钮将使用960.gs网格系统向编辑器添加内容的行和列 我需要一种方法将生成的代码插入到编辑器窗口中已经存在的特定div中,而不仅仅是光标处 例如,我们在编辑器中有以下代码: <div class="container"> <div class="grid_12"> <div class="inner"> </div> </div> </div> 单击我的

我正在尝试为ckeditor创建按钮,该按钮将使用960.gs网格系统向编辑器添加内容的行和列

我需要一种方法将生成的代码插入到编辑器窗口中已经存在的特定div中,而不仅仅是光标处

例如,我们在编辑器中有以下代码:

<div class="container">
  <div class="grid_12">
    <div class="inner">
    </div>
  </div>
</div>

单击我的按钮时,生成以下代码:

<div class="grid_3"></div>


我需要将生成的代码插入带有类(grid_12)的div中。无论光标的位置是什么

由于ckeditor似乎对正在编辑的内容具有正常的DOM模型,因此您应该能够执行以下操作:

var oEditor = CKEDITOR.instances.editor1;
var element = oEditor.document.getById('myElement');
var grid_3 = new CKEDITOR.dom.element('div');
grid_3.setAttributes({'class' : 'grid_3'});
element.append(grid_3);

在这里,我假设您将为grid_12元素使用一个id,如果您不这样做,那么不获取游标位置并使用它提取指定的div是不可能的,那么…

@alhosean有任何错误吗?如果可能的话,一个实例可以帮助更快地解决问题。它没有给出任何错误,我试图提醒元素,它给了我这样一条消息:“object[object]”@alhosean我刚测试代码时遇到的唯一问题是,我必须先选择活动编辑器,而不是为元素调用CKEDITOR.document,但除此之外,它只是将一个类为grid_3的div插入到具有myElement id的元素中。请注意,必须为您的div分配一个id,否则它显然无法工作,这是由于第一篇文章中提到的原因(更新了原始文章中的代码)