Javascript獲取與設置ckeditor數(shù)據(jù)的實現(xiàn)方法
CKeditor編輯器是FCKeditor的升級版本，相對于FCK來說，確實比較好用，加載速度也比較快
例如在頁面中載入了ckEditor作為程序內(nèi)容的輸入
頁面加載編輯器大約配置如下
<textarea name="content" id="content"></textarea><br>
<input type="submit" value="submit" οnclick="submit()">
<script src="/ckeditor/ckeditor.js"></script>
js配置代碼
<script type="text/javascript">
??? CKEDITOR.replace('content',{
??????? filebrowserBrowseUrl: '/ckfinder/ckfinder.html?Type=Files',
??????? filebrowserImageBrowseUrl: '/ckfinder/ckfinder.html?Type=Images',
??????? filebrowserFlashBrowseUrl: '/ckfinder/ckfinder.html?Type=Flash'
??? });
</script>頁面中是使用Jquery進行頁面提交的，但是直接用$("#content").val()或$("textarea").eq(0).val()是無法拿到content內(nèi)容的。這里我們需要使用ckEditor內(nèi)置的函數(shù)來拿到這個內(nèi)容。
從CKEditor取數(shù)據(jù)
var content=CKEDITOR.instances['content'].getData(); //或 var content=CKEDITOR.instances.content.getData();
向CKEditor設置數(shù)據(jù)時
CKEDITOR.instances['content'].setData('test');
或
CKEDITOR.instances.content.setData('test');以下是如果通過JS獲取CKeditor編輯器的值，用于表單驗證
if(CKEDITOR.instances.content.getData()==""){
alert("內(nèi)容不能為空！");
return false;
}content是textarea的name
下次發(fā)下CKeditor的配置還有上傳配置，我只弄了PHP的上傳
剛有個朋友反應說FIREFOX下不能判斷為空，我稍微修改了下
我的在FF下測試通過了，以下是JS代碼
function trim(str){
??? return str.replace(/(^/s*)|(/s*$)/g,"");
? }//去掉空格
? var str=CKEDITOR.instances.content.getData();
?? str=str.replace("<br />","");
?? str=str.replace("<br>","");
?? str=trim(str);
??? if(str==""){
??????? alert("內(nèi)容不能為空！");
??????? return false;
??? }具體在使用中去組合，多謝這位朋友的提出
eval() 函數(shù)可計算某個字符串，并執(zhí)行其中的的 JavaScript 代碼。 (很重要的一個函數(shù))
var cke_arr = CKEDITOR.instances;
eval("var cke_content = CKEDITOR.instances."+ta_id+".getData();");到此這篇關于Javascript獲取與設置ckeditor數(shù)據(jù)的實現(xiàn)方法的文章就介紹到這了,更多相關js設置ckeditor數(shù)據(jù)內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
javascript 事件對象 坐標事件說明，學習js坐標事件的朋友可以參考下。2010-05-05
在做微信小程序開發(fā)時,遇到一個問題,要如何實現(xiàn)返回頂部的功能,下面這篇文章主要給大家介紹了微信小程序返回到頂部功能的簡單實現(xiàn),文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-11-11
從JQuery源碼分析JavaScript函數(shù)的apply方法與call方法
這篇文章主要介紹了從JQuery源碼分析JavaScript函數(shù)的apply方法與call方法,本文結合JQuery源碼和js高級程序設計再次探究apply方法與call方法,需要的朋友可以參考下2014-09-09
本文收集了100個原生態(tài)JavaScript編寫的常用、實用自定義函數(shù),需要的朋友可以參考下2014-03-03
隨便給一個數(shù) 比如100，那么從1到100圍成一個圓圈，然后就類似123123報數(shù)一樣逢3就舍掉，一直這樣輪詢 那么最后剩下來的那個數(shù)是多少？2010-08-08
js實現(xiàn)的點擊數(shù)量加一可操作數(shù)據(jù)庫
這篇文章主要介紹了js如何實現(xiàn)的點擊數(shù)量加一操作數(shù)據(jù)庫,需要的朋友可以參考下2014-05-05
XMLHttpRequest對象_Ajax異步請求重點(推薦)
下面小編就為大家?guī)硪黄猉MLHttpRequest對象_Ajax異步請求重點(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
這篇文章主要為大家詳細介紹了使用JavaScript實現(xiàn)貪吃蛇游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-09-09
js實現(xiàn)固定顯示區(qū)域內(nèi)自動縮放圖片的方法
這篇文章主要介紹了js實現(xiàn)固定顯示區(qū)域內(nèi)自動縮放圖片的方法,實例分析了javascript操作頁面元素及屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
微信小程序搜索框樣式并實現(xiàn)跳轉到搜索頁面(小程序搜索功能)
這篇文章主要介紹了微信小程序搜索框樣式并實現(xiàn)跳轉到搜索頁面(小程序搜索功能),需要的朋友可以參考下2020-03-03