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

2022-07-04 16:03:12 字數 1353 閱讀 9749

第一步:引用js,

第二步:放置伺服器控制項,

第三步:呼叫控制項,

記住:第二步和第三步的**要放在一起,要有順序的放置;如圖:

還有一種引用方法

方法,此方法引用伺服器控制項不可用,當然也可以把script**寫在head中

完成以上步驟即可檢視效果,如果需要配置該控制項寬,高,顏色等等,可以開啟資料夾內的config.js檔案,如圖:

config.width = 660; //設定寬度

config.height = 600; //設定高度

config.uicolor = '#ced9df';//設定背景顏色

如果要調整邊距的話,我的解決方法是在控制項外圍放置乙個div來控制邊距,如下圖:

如果你想使用jquery提交表單,也可以使用下述方法:

或在head內引用

$(function () );

});最終效果圖如下:

使用此方法,唯一的缺點就是,如果將textarea加上runat=server的話,就會識別不出, ckeditor會呼叫不了,textarea加上runat=server的話就成了伺服器控制項,ckeditor是客戶端控制項會識別不了,所以呼叫不了,如果你把控制項放在了updatepanel(區域性重新整理)伺服器控制項內,如果控制項內已經輸入值,你只要點選其他的伺服器控制項按鈕的話,就會引發異常或者清空了控制項內的值,不過我的解決方案是

頁面第一次載入的時候,就判斷該頁面上特有的文字框內的值是否為空,如果不為空,直接為該文字框回填值,如下:

protected void page_load(object sender, eventargs e)

if (!string.isnullorwhitespace(this.txttuwen_author.value.tostring()))

}至此ckeditor富文字控制項使用中的問題結束。

提交資料時如果報錯從客戶端(tbcontent="ddddddddddddddddd...")中檢測到有潛在危險的 request.form 值。

請在該頁面新增 validaterequest="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的使用心得

1.在jsp頁面匯入指令碼檔案 2.寫jquery或js指令碼 function 3.建立自定義的配置檔案tb gov news.js放在customconfig資料夾下 ckeditor.editorconfig function config 4.在controller中實現 檔案上傳的方法對映...