ckeditor(ckeditor5上传视频)

怎么为ckeditor添加图像

为ckeditor添加图像的方法

1.到官网下载ckeditor

2.**到java web项目目录下

3.配置config文件，打开图片上传功能

CKEDITOR.editorConfig= function(config){

//换行方式

config.enterMode= CKEDITOR.ENTER_BR;

//当输入：shift+Enter是插入的标签

config.shiftEnterMode= CKEDITOR.ENTER_BR;//

//图片处理

config.pasteFromWordRemoveStyles= true;

config.filebrowserImageUploadUrl="ckUploadImage.action?type=image";

//去掉ckeditor“保存”按钮

config.removePlugins='save';

};

4. java后台处理代码

//上传图片

@Action(value="/ckUploadImage", results={@Result(name="success", location="/upload.jsp")})

public String uploadImages() throws Exception{

HttpServletRequest request= ServletActionContext.getRequest();

FileOutputStream fos;

String webRoot= request.getSession().getServletContext().getRealPath(

"");

//获取图片后缀名

String partRightType= uploadFileName.substring(uploadFileName

.lastIndexOf("."));

String CKEditorFuncNum= request.getParameter("CKEditorFuncNum");

//判断图片的格式

if(!ImageFile.checkImageType(partRightType)){

String path="";

String alt_msg="Sorry! Image format selection is incorrect, please choose GIF, jpeg, PNG format JPG, picture!";

pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("

+ CKEditorFuncNum

+",'"

+ path

+"','"

+ alt_msg

+"');</script>");

} else{

try{

uploadFileName= DateUtils.getDateNoStyle()+"-"

+ UUID.randomUUID()+ partRightType;

String savePath= webRoot+ Constants.UPLOAD_IMAGES_PATH;

File uploadFilePath= new File(savePath);

if(uploadFilePath.exists()== false){

uploadFilePath.mkdirs();

System.out.println("路径不存在,但是已经成功创建了"+ savePath);

} else{

System.out.println("路径存在了"+ savePath);

}

fos= new FileOutputStream(new File(savePath+ uploadFileName));

FileInputStream fis= new FileInputStream(getUpload());

byte[] buffer= new byte[1024];

int len= 0;

while((len= fis.read(buffer))> 0){

fos.write(buffer, 0, len);

}

fos.close();

fis.close();

} catch(FileNotFoundException foe){

System.out.println("上传文件为0字节");

}

// String path="http://"+ request.getServerName()+":"

//+ request.getServerPort()+ request.getContextPath()

//+ Constants.UPLOAD_IMAGES_PATH+ uploadFileName;

String path= request.getContextPath()

+ Constants.UPLOAD_IMAGES_PATH+ uploadFileName;

String alt_msg="";

pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("

+ CKEditorFuncNum

+",'"

+ path

+"','"

+ alt_msg

+"');</script>");

}

return null;

}

*其实重点的代码就是这点

pringWriterToPage("<script type='text/javascript'>window.parent.CKEDITOR.tools.callFunction("

+ CKEditorFuncNum

+",'"

+ path

+"','"

+ alt_msg

+"');</script>");

IE下CKEditor.js出错求解

这种情况，最快捷的方式是使用电脑管家的电脑诊所功能修复一下，一键就可以完成，避免复杂的手动修复步骤

附：手动修复步骤（来源：腾讯电脑管家电脑诊所，自动修复请点击上方的【立即修复】）

方案一：清除IE缓存

1.打开IE浏览器→点击【工具】→【Internet选项】→【删除】：

2.勾选所有选项→点击【确定】→在确认窗口中点击【确定】(如使用其他浏览器，请用类似方法清除浏览器缓存)

方案二：注册IE组件

点击【开始】菜单→在搜索框中输入"cmd"→按键盘enter(回车)键：

在弹出的黑色窗口中，按顺序输入以下内容，按键盘enter(回车)键，再逐一完成以下全部部件注册：

regsvr32 atl.dll

regsvr32 shdocvw.dll

regsvr32 urlmon.dll

regsvr32 browseui.dll

regsvr32 oleaut32.dll

regsvr32 shell32.dll

regsvr32 jscript.dll

regsvr32 vbscript.dll

regsvr32 mshtmled.dll

regsvr32 CLBCATQ.DLL

regsvr32 cscui.dll

regsvr32 MLANG.dll

regsvr32 stobject.dll

regsvr32 WINHTTP.dll

regsvr32 msxml3.dll

regsvr32 query.dll

regsvr32 jscript9.dll

regsvr32 hlink.dll

建议点击本回答上侧【立即修复】按钮，使用电脑诊所一键自动完成所有修复步骤。

方案三：修复注册表

1.点击【开始】菜单→在搜索框中输入"regedit"→按键盘enter键：

2.定位到\HKEY_ROOT\IE.HTTP\shell，双击打开右侧【(默认)】将默认值设置为空→点击【确定】：

3.根据前2个步骤，依次设置如下注册表项

3.1.设置\HKEY_CLASSES_ROOT\IE.HTTP\shell\open\command默认值为""C:\Program Files\Internet Explorer\iexplore.exe"-nohome"（64位系统则，设置为"\%ProgramFiles(x86)%\Internet Explorer\iexplore.exe-nohome"）(不包括最外层的双引号)类型为REG_SZ

3.2.设置\HKEY_CLASSES_ROOT\IE.HTTP\shell\open\ddeexec默认值为""%1",,-1,0,,,,"(不包括最外层的双引号)类型为REG_EXPAND_SZ

3.3.设置\HKEY_CLASSES_ROOT\IE.HTTP\shell\open\ddeexec\Application默认值为"IExplore"(不包括最外层的双引号)类型为REG_SZ

3.4.设置\HKEY_CLASSES_ROOT\IE.HTTP\shell\open\ddeexec\Topic默认值为"WWW_OpenURL"(不包括最外层的双引号)类型为REG_SZ

3.5.设置\HKEY_CLASSES_ROOT\http\shell\open\command默认值为"%programFile%\internet explorer\iexplore.exe-nohome"（64位系统则，设置为"\%ProgramFiles(x86)%\Internet Explorer\iexplore.exe-nohome"）(不包括最外层的双引号)类型为REG_SZ

3.6.设置\HKEY_CLASSES_ROOT\http\shell\open\ddeexec默认值为""%1",,-1,0,,,,"(不包括最外层的双引号)类型为REG_EXPAND_SZ

3.7.设置\HKEY_CLASSES_ROOT\http\shell\open\ddeexec\Application默认值为"IExplore"(不包括最外层的双引号)类型为REG_SZ

3.8.设置\HKEY_CLASSES_ROOT\http\shell\open\ddeexec\Topic默认值为"WWW_OpenURL"(不包括最外层的双引号)类型为REG_SZ

方案四：调低cookie隐私等级

打开IE浏览器→点击【工具】→【Internet选项】

点击【隐私】→将【选择Internet区域设置】调为【中】→点击【确定】：

方案五：关闭GPU加速（适用于IE9以上版本）

打开IE浏览器→点击【工具】→【Internet选项】

点击【高级】→勾选【使用软件呈现而不使用GPU呈现*】→点击【确定】：

如果以上诉步骤未能生效，再进入后续步骤：

方案六：重置IE

（说明：如果您使用网络代理或者对浏览器有特殊设置，请保存设置后再进行操作）

打开IE浏览器→点击【工具】→【Internet选项】

点击【高级】→点击【重置】→勾选【删除个性化设置】→点击【确定】→【确定】：

方案七：修复IE浏览器

1.打开【电脑管家】→选择【软件管理】→点击【软件仓库】→输入"Internet Explorer"开始搜索→点击【修复】（IE8以下的版本可以直接点击【下载】）：

2.安装时根据提示选择【我不想立即参与(O)】→点击【下一步(N)】→点击【我同意(A)】

不勾选【安装更新(I)】→【下一步(N)】→点击【立即重新启动(推荐)(H)】

方案八：安装其他浏览器后设置其他浏览器为默认浏览器

打开电脑管家→点击【软件管理】，在搜索框中输入"谷歌浏览器"→找到软件后点击安装

打开电脑管家→点击【工具箱】，点击【默认程序设置】→在上网浏览器列表中选择【谷歌浏览器】：

注：腾讯电脑管家为IE浏览器出错崩溃问题定制部分修复步骤，因为操作过于繁杂，故未全部列出。若问题仍未解决，建议点击本回答上侧的【立即修复】按钮，进行深度修复。

以后有问题，欢迎来电脑管家企业平台询问

如何配置CKEditor显示的按钮

你到Bo-Blog论坛下载“CKEditor_3.0.1_超强完美版_For_Bo-Blog”

里面就有 config.js详细配置。

或者查阅官方文档说明：

下面附加的就是官方文档抄来的：

-----------------------------------------

如果想增加拓展插件可以到

里面下载

-----------------------------------------

附加：

config.js参数说明

//当提交包含有此编辑器的表单时，是否自动更新元素内的数据

config.autoUpdateElement= true

//编辑器的z-index值

config.baseFloatZIndex= 10000

//设置是使用绝对目录还是相对目录，为空为相对目录

config.baseHref=''

//设置快捷键从上往下依次是：获取焦点，元素焦点，文本菜单，撤销，重做，重做，链接，粗体，斜体，下划线

config.keystrokes=

[

[ CKEDITOR.ALT+ 121/*F10*/,'toolbarFocus' ],

[ CKEDITOR.ALT+ 122/*F11*/,'elementsPathFocus' ],

[ CKEDITOR.SHIFT+ 121/*F10*/,'contextMenu' ],

[ CKEDITOR.CTRL+ 90/*Z*/,'undo' ],

[ CKEDITOR.CTRL+ 89/*Y*/,'redo' ],

[ CKEDITOR.CTRL+ CKEDITOR.SHIFT+ 90/*Z*/,'redo' ],

[ CKEDITOR.CTRL+ 76/*L*/,'link' ],

[ CKEDITOR.CTRL+ 66/*B*/,'bold' ],

[ CKEDITOR.CTRL+ 73/*I*/,'italic' ],

[ CKEDITOR.CTRL+ 85/*U*/,'underline' ],

[ CKEDITOR.ALT+ 109/*-*/,'toolbarCollapse' ]

]

//设置快捷键可能与浏览器快捷键冲突 plugins/keystrokes/plugin.js.

config.blockedKeystrokes=

[

CKEDITOR.CTRL+ 66/*B*/,

CKEDITOR.CTRL+ 73/*I*/,

CKEDITOR.CTRL+ 85/*U*/

]

//设置编辑内元素的背景色的取值 plugins/colorbutton/plugin.js.

config.colorButton_backStyle=

{

element:'span',

styles:{'background-color':'#(color)'}

}

//设置前景色的取值 plugins/colorbutton/plugin.js

config.colorButton_colors='000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520,006400,40E0D0,0000CD,

800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,A9A9A9,FFA07A,FFA500,FFFF00,00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5,F

AEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF’

//是否在选择颜色时显示“其它颜色”选项 plugins/colorbutton/plugin.js

config.colorButton_enableMore= false

//区块的前景色默认值设置 plugins/colorbutton/plugin.js

config.colorButton_foreStyle=

{

element:'span',

styles:{'color':'#(color)'}

};

//所需要添加的CSS文件在此添加可使用相对路径和网站的绝对路径

config.contentsCss='./contents.css';

//文字方向

config.contentsLangDirection='rtl';//从左到右

//CKeditor的配置文件若不想配置留空即可

CKEDITOR.replace('myfiled',{ customConfig:'./config.js'});

//界面的语言配置设置为'zh-cn'即可

config.defaultLanguage='en';

//界面编辑框的背景色 plugins/dialog/plugin.js

config.dialog_backgroundCoverColor='rgb(255, 254, 253)';//可设置参考

config.dialog_backgroundCoverColor='white'//默认

//背景的不透明度数值应该在：0.0～1.0之间 plugins/dialog/plugin.js

config.dialog_backgroundCoverOpacity= 0.5

//移动或者改变元素时边框的吸附距离单位：像素 plugins/dialog/plugin.js

config.dialog_magnetDistance= 20;

//是否拒绝本地拼写检查和提示默认为拒绝目前仅firefox和safari支持 plugins/wysiwygarea/plugin.js.

config.disableNativeSpellChecker= true

//进行表格编辑功能如：添加行或列目前仅firefox支持 plugins/wysiwygarea/plugin.js

config.disableNativeTableHandles= true;//默认为不开启

//是否开启图片和表格的改变大小的功能 config.disableObjectResizing= true;

config.disableObjectResizing= false//默认为开启

//设置HTML文档类型

config.docType=''">">'

//是否对编辑区域进行渲染 plugins/editingblock/plugin.js

config.editingBlock= true

//编辑器中回车产生的标签

config.enterMode= CKEDITOR.ENTER_P//可选：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV

//是否使用HTML实体进行输出 plugins/entities/plugin.js

config.entities= true

//定义更多的实体 plugins/entities/plugin.js

config.entities_additional='#39'//其中#代替了&

//是否转换一些难以显示的字符为相应的HTML字符 plugins/entities/plugin.js

config.entities_greek= true

//是否转换一些拉丁字符为HTML plugins/entities/plugin.js

config.entities_latin= true;

//是否转换一些特殊字符为ASCII字符如："This is Chinese:汉语."转换为："This is Chinese:汉语."

plugins/entities/plugin.js

config.entities_processNumerical= false

//添加新组件

config.extraPlugins='myplugin';//非默认仅示例

//使用搜索时的高亮色 plugins/find/plugin.js

config.find_highlight=

{

element:'span',

styles:{'background-color':'#ff0','color':'#00f'}

};

//默认的字体名 plugins/font/plugin.js

config.font_defaultLabel='Arial';

//字体编辑时的字符集可以添加常用的中文字符：宋体、楷体、黑体等 plugins/font/plugin.js

config.font_names='Arial;Times New Roman;Verdana';

//文字的默认式样 plugins/font/plugin.js

config.font_style=

{

element:'span',

styles:{'font-family':'#(family)'},

overrides: [{ element:'font', attributes:{'face': null}} ]

};

//字体默认大小 plugins/font/plugin.js

config.fontSize_defaultLabel='12px';

//字体编辑时可选的字体大小 plugins/font/plugin.js

config.fontSize_sizes

='8/8px;9/9px;10/10px;11/11px;12/12px;14/14px;16/16px;18/18px;20/20px;22/22px;24/24px;26/26px;28/28px;36/36px;48/48px;72/72px

'

//设置字体大小时使用的式样 plugins/font/plugin.js

config.fontSize_style=

{

element:'span',

styles:{'font-size':'#(size)'},

overrides: [{ element:'font', attributes:{'size': null}} ]

};

//是否强制**来的内容去除格式 plugins/pastetext/plugin.js

config.forcePasteAsPlainText=false//不去除

//是否强制用“&”来代替“&”plugins/htmldataprocessor/plugin.js

config.forceSimpleAmpersand= false;

//对address标签进行格式化 plugins/format/plugin.js

config.format_address={ element:'address', attributes:{ class:'styledAddress'}};

//对DIV标签自动进行格式化 plugins/format/plugin.js

config.format_div={ element:'div', attributes:{ class:'normalDiv'}};

//对H1标签自动进行格式化 plugins/format/plugin.js

config.format_h1={ element:'h1', attributes:{ class:'contentTitle1'}};

//对H2标签自动进行格式化 plugins/format/plugin.js

config.format_h2={ element:'h2', attributes:{ class:'contentTitle2'}};

//对H3标签自动进行格式化 plugins/format/plugin.js

config.format_h1={ element:'h3', attributes:{ class:'contentTitle3'}};

//对H4标签自动进行格式化 plugins/format/plugin.js

config.format_h1={ element:'h4', attributes:{ class:'contentTitle4'}};

//对H5标签自动进行格式化 plugins/format/plugin.js

config.format_h1={ element:'h5', attributes:{ class:'contentTitle5'}};

//对H6标签自动进行格式化 plugins/format/plugin.js

config.format_h1={ element:'h6', attributes:{ class:'contentTitle6'}};

//对P标签自动进行格式化 plugins/format/plugin.js

config.format_p={ element:'p', attributes:{ class:'normalPara'}};

//对PRE标签自动进行格式化 plugins/format/plugin.js

config.format_pre={ element:'pre', attributes:{ class:'code'}};

//用分号分隔的标签名字在工具栏上显示 plugins/format/plugin.js

config.format_tags='p;h1;h2;h3;h4;h5;h6;pre;address;div'

//是否使用完整的html编辑模式如使用，其源码将包含：等标签

config.fullPage= false

//编辑器的高度

config.height= 200

//是否忽略段落中的空字符若不忽略则字符将以“”表示 plugins/wysiwygarea/plugin.js

config.ignoreEmptyParagraph= true

//在清除图片属性框中的链接属性时是否同时清除两边的标签 plugins/image/plugin.js

config.image_removeLinkByEmptyURL= true

//界面的现实语言可选择"zh-cn"

config.language= true

//一组用逗号分隔的标签名称，显示在左下角的层次嵌套中 plugins/menu/plugin.js.

config.menu_groups='clipboard,form,tablecell,tablecellproperties,tablerow,tablecolumn,table,anchor,link,image,flash,checkbox,

radio,textfield,hiddenfield,imagebutton,button,select,textarea'

//显示子菜单时的延迟，单位：ms plugins/menu/plugin.js

config.menu_subMenuDelay= 400;

//当执行“新建”命令时，编辑器中的内容 plugins/newpage/plugin.js

config.newpage_html=""

//当从word里**文字进来时，是否进行文字的格式化去除 plugins/pastefromword/plugin.js

config.pasteFromWordIgnoreFontFace= true;//默认为忽略格式

//是否使用等标签修饰或者代替从word文档中粘贴过来的内容 plugins/pastefromword/plugin.js

config.pasteFromWordKeepsStructure= false;

//从word中粘贴内容时是否移除格式 plugins/pastefromword/plugin.js

config.pasteFromWordRemoveStyle= false

//对应后台语言的类型来对输出的HTML内容进行格式化

config.protectedSource.push(/<\?[\s\S]*?\?>/g);// PHP Code

config.protectedSource.push(//g);// ASP Code

config.protectedSource.push(/(]+>[\s|\S]*?<\/asp:[^\>]+>)|(]+\/>)/gi);// ASP.Net Code默认为空

//是否允许改变大小 plugins/resize/plugin.js

config.resize_enabled= true

//改变大小的最大高度 plugins/resize/plugin.js

config.resize_maxHeight= 3000;

//改变大小的最大宽度 plugins/resize/plugin.js

config.resize_maxWidth= 3000;

//改变大小的最小高度 plugins/resize/plugin.js

config.resize_minHeight= 250;

//改变大小的最小宽度 plugins/resize/plugin.js

config.resize_minWidth= 750;

//当输入：shift+Enter是插入的标签

config.shiftEnterMode= CKEDITOR.ENTER_P;//可选：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV

//可选界面包

config.skin='default';

//可选的表情替代字符 plugins/**iley/plugin.js.

config.**iley_descriptions= [

':)',':(',';)',':D',':/',':P',

'','','','','','',

'',';(','','','','',

'',':kiss','' ];

//对应的表情图片 plugins/**iley/plugin.js

config.**iley_images= [

'regular_**ile.gif','sad_**ile.gif','wink_**ile.gif','teeth_**ile.gif','confused_**ile.gif','tounge_**ile.gif',

'embaressed_**ile.gif','omg_**ile.gif','whatchutalkingabout_**ile.gif','angry_**ile.gif','angel_**ile.gif','shades_**ile.gif'

,

'devil_**ile.gif','cry_**ile.gif','lightbulb.gif','thumbs_down.gif','thumbs_up.gif','heart.gif',

'broken_heart.gif','kiss.gif','envelope.gif'];

//表情的地址 plugins/**iley/plugin.js

config.**iley_path='plugins/**iley/images/'

//页面载入时，编辑框是否立即获得焦点 plugins/editingblock/plugin.js plugins/editingblock/plugin.js.

config.startupFocus= false

//载入时，以何种方式编辑源码和所见即所得"source"和"wysiwyg" plugins/editingblock/plugin.js.

config.startupMode='wysiwyg'

//载入时，是否显示框体的边框 plugins/showblocks/plugin.js

config.startupOutlineBlocks= false

//是否载入样式文件 plugins/stylescombo/plugin.js.

config.stylesCombo_stylesSet='default';

//以下为可选

config.stylesCombo_stylesSet='mystyles';

config.stylesCombo_stylesSet='mystyles:/editorstyles/styles.js';

config.stylesCombo_stylesSet='mystyles:;;

//起始的索引值

config.tabIndex=0

//当用户键入TAB时，编辑器走过的空格数，()当值为0时，焦点将移出编辑框 plugins/tab/plugin.js

config.tabSpaces= 0

//默认使用的模板 plugins/templates/plugin.js.

config.templates='default'

//用逗号分隔的模板文件plugins/templates/plugin.js.

config.templates_files=['plugins/templates/templates/default.js' ]

//当使用模板时，“编辑内容将被替换”框是否选中 plugins/templates/plugin.js

config.templates_replaceContent= true;

//主题

config.theme='default';

//使用的工具栏 plugins/toolbar/plugin.js

config.toolbar=‘Full'

这将配合：

config.toolbar_Full=

[

['Source','-','Save','NewPage','Preview','-','Templates'],

['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],

['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],

['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],

'/',

['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],

['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],

['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],

['Link','Unlink','Anchor'],

['Image','Flash','Table','HorizontalRule','**iley','SpecialChar','PageBreak'],

'/',

['Styles','Format','Font','FontSize'],

['TextColor','BGColor']

];

//工具栏是否可以被收缩 plugins/toolbar/plugin.js.

config.toolbarCanCollapse= true

//工具栏的位置 plugins/toolbar/plugin.js

config.toolbarLocation='top';//可选：bottom

//工具栏默认是否展开 plugins/toolbar/plugin.js

config.toolbarStartupExpanded= true;

//撤销的记录步数 plugins/undo/plugin.js

config.undoStackSize=20

//编辑器的宽度 plugins/undo/plugin.js

config.width=""

如果你还想了解更多这方面的信息，记得收藏关注本站。