CK編輯器使用JS取值的方法-教學撰寫:徐嘉裕Neil hsu

CK編輯器相信大家一定不陌生，是一套非常好用的所見即所得編輯器(WYSIWYG)，能編排HTML格式及上傳圖檔諸多功能，這裡就不再描述，重點是如何用js取得文字編輯框中的數值?如果是用PHP的form透過post是完全沒問題的，只要取的textarea的name值即可，但如果是吧ck編輯器包在ajax裡面，那就不能用form來傳值了，必須用js來取值，例如下面的ck編輯器

<textarea id="CKcontent" name="CKcontent" > </textarea>

如果用 var  $CKcontent= $("#CKcontent").val();

很抱歉，這樣是完全取不到值的，因為ck編輯器本身在內部又用js建構一層html的p元素來顯示內容，被這問題卡了好久，終於找到解決方法!!

就是用

var  $CKcontent=CKEDITOR.instances.CKcontent.getData();

這樣就能用js抓取ck編輯器中編輯框的數值了，紅字的部分就是textarea的id值，有需要的朋友參考看看!!


教學撰寫：徐嘉裕 Neil hsu