我想從ckeditor動態獲取數據到div

我已經創建了一個javascript，它在div的點擊事件中打開ckeditor，並從div中獲取數據到ckeditor，現在我想要什麼可以從中獲取更新的數據ckeditor再次回到那個div。並動態發生。我想從ckeditor動態獲取數據到div

我使用這個JavaScript從DIV

//var editor, html = ''; 
function createEditor(ele) 
{ 
var x = ele.innerHTML; 


CKEDITOR.instances.editor1.setData(x); 


var y = document.getElementById("editor1").value; 
alert(y); 
//ele.innerHTML = y; 
document.getElementById("editor1").style.display = "block"; 

} 


    </script>

得到的數據和我的HTML是

<div onclick="createEditor(this);" id="id2"> hello how r u? </div>

請幫我在這

來源

2012-11-21 Nishant Solanki

所以我想你想要一個CKEditor的實時預覽？您將無法通過事件keyup來做到這一點，但是您可以使用CKEditor事件，如key（instance.on('key', doSomething());）。

第1步：添加兩個元素到頁面：

textarea的ID爲：編輯
DIV ID爲：預覽

... 
<body> 
    <textarea id="editor"></textarea> 
    <div id="preview"></div> 
</body> 
...

第2步：添加JavaScript來檢測key事件和更新#preview：

CKEDITOR.replace('editor'); //new ckeditor instance 
var editor = CKEDITOR.instances.editor; //reference to instance 

//on `key` event 
editor.on('key', function(){ 

    var data = editor.getData(); //reference to ckeditor data 
    $('#preview').html(data); //update `div` html 

});

I've created a preview in JSBin。

來源

2012-11-21 13:46:40

它的工作很棒..謝謝你們.. –

@NishantSolanki太棒了我很高興聽到。感謝您接受我的答案！ –

我認爲，在結合onkeyup事件你的ckeditor textarea，應該做的伎倆。 http://www.w3schools.com/jsref/event_onkeyup.asp

來源

2012-11-21 09:15:58 skipi

我可以輕鬆做到，但我沒有得到任何javascript的想法從ckeditor，CKEDITOR.instances.editor1.getData獲取數據;沒有給出文字 –

請不要參考w3schools.com作爲參考。 http://w3fools.com/使用MDN或其他良好建立的資源。謝謝。 – AlexStack

var editor_data = CKEDITOR.instances.editor1.getData（）;'這個必須工作 – GBD

我想從ckeditor動態獲取數據到div

回答

相關問題