どのようcusor位置でそれを挿入するのではなく、CKEditorバージョンでは、特定のdiv内のコードを挿入するには？

Question

私は960.gsグリッドシステムを使用してエディタに内容の行と列を追加しますCKEditorバージョン用のボタンを作成しようとしています。

私はすでにだけではなく、カーソルのエディタウィンドウ内に存在する特定のdivの中に生成されたコードを挿入する方法が必要です。挿入されるように、私は、生成されたコードを必要とする

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

：私は私のボタンをクリックし

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

は、このコードが生成されます。

は例えば、我々は、エディタでこのコードを持っていますクラスをdivにする（grid_12）。カーソルの位置が何であっても。

Answer 1

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を使用したいと仮定しましたあなたがいないならば、それは、カーソルの位置を取得してから...