富文字編輯器CKEditor的使用心得

2021-09-05 09:51:46 字數 1860 閱讀 7591

1.在jsp頁面匯入指令碼檔案

2.寫jquery或js指令碼:

$(function() )

});

3.建立自定義的配置檔案tb_gov_news.js放在customconfig資料夾下

ckeditor.editorconfig = function(config) ;
4.在controller中實現/檔案上傳的方法對映

// 返回「影象」選項卡並顯示

"");

return null;

}5.注意事項(避坑提醒)

ckeditor 編輯器是增強過的 textarea 元素,在填寫了內容之後,編輯器並不立即把內容更新到原來的 textarea 元素中的,而是等到 submit 事件之前把編輯器的內容更新到 textarea 中。

因此,普通的js驗證或是jquery validate驗證都獲取不到編輯器的值.

這裡我遇到的問題是:用jquery判空時textarea.val()總是為空,填了值也校驗不通過。一番檢測後發現它每次校驗取得值都是前一次textarea的文字值(即未更新),所以在第一次填入("新增"操作)時的非空校驗總是取到空值,驗證不通過,無法提交。

解決的辦法:

if($("#content").val() == ""));

$("#content").focus();

return false;}

if(ckeditor.instances.content.getdata() == ""));

$("#content").focus();

return false;

}

強大的富文字編輯器 CKEditor

提到富文字編輯器,可能前端童鞋並不陌生。今天我要推薦的富文字編輯器就是 ckeditor 趁著最近專案的使用熱勁,整理一些實用筆記,以備不時之需。一 快速構建 二 簡單使用 123 4567 891011 1213 1415 1617 1819 20 三 關於外掛程式 四 ckeditor 獲取 d...

ckeditor富文字編輯器使用

效果圖 如何使用 2.建立頁面引入ckeditor 3.ckeditor根目錄下的如下函式中加入上傳的路徑配置 ckeditor.editorconfig function config controller scope prototype public class ajaxcontroller 獲...

富文字編輯器CKEDITOR的使用配置 問題註解

第一步 引用js,第二步 放置伺服器控制項,第三步 呼叫控制項,記住 第二步和第三步的 要放在一起,要有順序的放置 如圖 還有一種引用方法 方法,此方法引用伺服器控制項不可用,當然也可以把script 寫在head中 完成以上步驟即可檢視效果,如果需要配置該控制項寬,高,顏色等等,可以開啟資料夾內的...