富文字 ckeditor 使用心得整理。

2021-09-14 01:58:03 字數 2040 閱讀 2288

ckeditor 是乙個個人認為非常好用的富文字外掛程式,雖然讓我開發中哀聲怨道。

官網:

config.extraplugins = 'easyimage';
如果多個外掛程式新增 兩個之間用英文逗號隔開就好了。

之後說道了 config.js 繪畫少說直接上碼

/**

* for licensing, see legal/ckeditor-oss-license

*/ckeditor.editorconfig = function (config)

*/// 展示字型

config.font_names = '宋體/宋體;黑體/黑體;仿宋/仿宋_gb2312;楷體/楷體_gb2312;隸書/隸書;幼圓/幼圓;微軟雅黑/微軟雅黑;'

//預設字型

config.font_defaultlabel = '宋體';

// 字型大小展示

config.fontsize_sizes = '一號/34px;小一/32px;二號/29px;小二/24px;三號/21px;小三/20px;四號/18px;小四/16px;五號/14px;小五/12px;六號/10px;小六/8px'; //設定字型大小時 使用的式樣

// 預設字型大小

config.fontsize_defaultlabel = '小四';

/*** cke4/addon/lineheight

* @type

*/// 行距展示

config.line_height="一倍/1;二倍/2;三倍/3;四倍/4;"

// 工具欄(基礎'basic'、全能'full'、自定義)plugins/*******/plugin.js

config.******* = 'full';

config.*******_full = [,,

,,

'/',,,

,'/',,,

];// 預設 工具欄

config.*******_basic = [['bold', 'italic', '-', 'numberedlist', 'bulletedlist', '-', 'link', 'unlink', '-', 'about']];

//工具欄組

config.*******groups = [,,

,,,,

,,

'/',,,

,,

];// 刪除標準外掛程式提供的一些按鈕,這些按鈕是

// 標準工具欄中不需要。

config.removebuttons = 'underline,subscript,superscript';

// set the most common block elements.

config.format_tags = 'p;h1;h2;h3;pre';

// 簡化對話方塊視窗。

config.removedialogtabs = 'image:advanced;link:advanced';

/*將編輯器的語言設定為中文*/

config.language = 'zh-cn';

/*去掉預覽框的文字*/

config.image_previewtext = ' ';

/*開啟工具欄「影象」中檔案上傳功能,後面的url為上傳要指向的的action或servlet*/

config.filebrowserimageuploadurl = "/editor/upload";

config.entermode = ckeditor.enter_p;

config.shiftentermode = ckeditor.enter_br;

//元件配置

config.extraplugins = 'font,lineheight,autocorrect,justify,quickformat';

// config.extraplugins='autoformat';

};

配置上說完了 我們直接說說怎麼使用

在頁面

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

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

ckeditor富文字編輯器使用

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

富文字外掛程式ckeditor和kindeditor

cheditor外掛程式 1,引用js src resource js mtypt common ckeditor ckeditor.js 2.定義文字區域 3.在js裡面給textarea新增外掛程式 var editer ckeditor.replace content 4.富文字取值和賦值 v...