如何在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位置？

回答

相關問題