2013-03-13 78 views
0

今天我已被分配一個工作,其中有一個輸入文本,如果有人點擊它,它將用一個textaread替換它啓用了ckeditor。我已經使用textarea啓用ckeditor,但是當我嘗試用啓用ckeditor的textarea替換div時,它只是向我展示了一個簡單的textarea,而不是啓用ckeditor。下面是它的編碼: -Ck編輯器在將它放入innerHTML中以替換div,並使用Ckeditor textarea

<script type="text/javascript"> 
function myJDFunction1() 
{ 
document.getElementById("Hide1").innerHTML='<textarea class="ckeditor" id="typingarea2" name="typingarea2"></textarea>'; 
} 

</script> 



<div id="Hide1"> 
    <textarea name="Answer1" onclick="myJDFunction1()"></textarea> 
</div> 
+0

其中rü保持CKEditor的這些配置文件? – 2013-03-13 10:33:39

+0

我保持ckeditor文件夾中的配置文件 – 2013-03-13 10:34:55

回答

2

你必須調用

CKEDITOR.replace('typingarea2'); 

因爲編輯器實例自動創建(按類別),只有當被加載頁面。

另外一個更好的辦法是:

function myJDFunction1() { 
    CKEDITOR.appendTo('Hide1'); 
} 

<div id="Hide1" onclick="myJDFunction1()">&nbsp;</div> 
+0

嗯,它一直在工作,因爲我每當我點擊文本框,然後它顯示我的ckeditor,但問題是,我想刪除與ckeditor的文本框..謝謝爲你的答案,因爲它解決了我的問題的50% – 2013-03-13 11:45:11

+1

使用'CKEDITOR.instances.instanceName.destroy()'去除編輯器。 – oleq 2013-03-13 13:53:18

1

嘗試使用jQuery插件adater調用CKEDITOR Jquery Plugin for CKEDITOR

  1. 進口的jQuery JavaScript文件。
  2. 導入jquery ckeditor適配器「/ckeditor/adapters/jquery.js」。
  3. 將您的CKEDITOR綁定到DOM元素。

    $('#Hide1').ckeditor(); 
    
1
<a href="#" id="Hide1" onclick='document.getElementById("Hide1").innerHTML= 
"<textarea class=ckeditor id=typingarea2 name=typingarea2></textarea>"'>text editor</a>