关于CKEditor4 5 6的使用，自定义toolbar配置，上传图片案例（SpringMVC+MyBatis案例），

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.csdn.net/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

               



关于CKEditor的一个配置整理，改文件为config.js：

文件内容如下：

 

/**  * @license Copyright (c) 2003-2016, CKSource - Frederico Knabben. All rights reserved.  * For licensing, see LICENSE.md or http://ckeditor.com/license  */ CKEDITOR.editorConfig = function( config ) {  // Define changes to default configuration here. For example:  // config.language = 'fr';  // config.uiColor = '#AADC6E';  config.toolbarGroups = [   { name: 'document', groups: [ 'mode', 'document', 'doctools' ] },   { name: 'clipboard', groups: [ 'clipboard', 'undo' ] },   { name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },   { name: 'forms', groups: [ 'forms' ] },   { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },   '/',   { name: 'links', groups: [ 'links' ] },   { name: 'insert', groups: [ 'insert' ] },   { name: 'colors', groups: [ 'colors' ] },   { name: 'styles', groups: [ 'styles' ] },   { name: 'tools', groups: [ 'tools' ] },   { name: 'paragraph', groups: [ 'list', 'blocks', 'bidi', 'align', 'indent', 'paragraph' ] },   { name: 'others', groups: [ 'others' ] },   { name: 'about', groups: [ 'about' ] }  ];  // config.removeButtons = 'Source,Save,Templates,Cut,Undo,Find,Scayt,SelectAll,Paste,Copy,Redo,NewPage,Preview,Print,Form,Bold,RemoveFormat,Link,Image,TextColor,Outdent,JustifyLeft,BidiLtr,Blockquote,NumberedList,UIColor,lineheight';  config.line_height ='8px;9px;10px;11px;12px;13px;14px;15px;16px;17px;18px;19px;20px;21px;22px;23px;24px;25px;26px;27px;28px;29px;30px;31px;32px;33px;34px;35px;36px;37px;38px;39px;40px;41px;42px;43px;44px;45px;46px;47px;48px;49px;50px;51px;52px;53px;54px;55px;56px;57px;58px;59px;60px;61px;62px;63px;64px;65px;66px;67px;68px;69px;70px;71px;72px;';  config.skin = 'office2013';  config.extraPlugins='imagepaste';  config.pasteFromWordRemoveFontStyles = false;  config.pasteFromWordRemoveStyles = false;  config.extraPlugins = 'uploadwidget';  config.extraPlugins = 'notificationaggregator';  config.extraPlugins = 'notification';  config.extraPlugins = 'uploadimage';  config.extraPlugins = 'toolbar';  config.extraPlugins = 'button';  config.extraPlugins = 'filetools';  config.extraPlugins = 'clipboard';  config.extraPlugins = 'dialog';  config.extraPlugins = 'dialogui';  config.extraPlugins = 'widget';  config.extraPlugins = 'lineutils';  config.extraPlugins = 'widget';  config.SecureImageUploads = true;  config.image_previewText=' '; //预览区域显示内容  //config.filebrowserUploadUrl: "import/ckeditorUploadFile.action";  config.filebrowserImageUploadUrl = basePath + "/import/ckeditorUploadFile.action?type=Image"; //待会要上传的action或servlet   };

 

关于图片上传部分可以参考：

http://blog.csdn.net/itmyhome1990/article/details/17264627

 

实现过程中的一个案例