如何在ckeditor中的特定div内插入代码而不是将其插入cusor位置？

我想创建ckeditor的按钮，将使用960.gs网格系统将行和列的内容添加到编辑器。如何在ckeditor中的特定div内插入代码而不是将其插入cusor位置？

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

例如，我们有这样的代码编辑器：

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

当我点击我的按钮，生成此代码：

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

我需要生成的代码中插入div与类（grid_12）。无论光标的位置是什么。

来源

2012-01-03 alhoseany

由于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);

在这里，我也假设你使用一个ID为grid_12元素，如果你不会无法做到这一点，没有获取光标位置和提取指定的div使用，然后...

来源

2012-01-03 20:29:23 canihavesomecoffee

它不工作 – alhoseany 2012-01-05 18:58:40

@alhoseany你得到的任何错误？如果可能，现场示例可以帮助尽快解决问题。 – canihavesomecoffee 2012-01-05 20:11:48

它不会给出任何错误，我试图提醒元素，它给了我这个消息：“object [object]”。 – alhoseany 2012-01-05 23:59:56

如何在ckeditor中的特定div内插入代码而不是将其插入cusor位置？

回答

相关问题