如题所述
如何为ckeditor添加图像
为ckeditor添加图像的方法1.在官网下载ckeditor
2.复制到javaweb项目目录
3.配置配置文件并打开图像上传功能。
ckeeditor.editorconfig=function(config){
//换行模式
config.enterMode=CKEDITOR。ENTER_BR
//输入时:shiftEnter是插入的标签
config.shiftEnterMode=CKEDITOR。ENTER_BR//
//图像处理
config.pastefromwordremovestyles=true;
config.filebrowserimageuploadurl=ckUploadImage.action?type=image
//删除ckeditor的“保存”按钮
config.removePlugins=;
};
4.java后台处理代码
//上传图片
@Action(value=/ckUploadImage,results={@Result(name=成功,location=)})
公共字符串uploadImages()引发异常{
httpservletrequestrequest=servletactioncontext.getrequest();
文件输出流fos
stringwebRoot=request.getsession()。getServletContext()。getRealPath(
"");
//获取图像后缀
stringpartRightType=uploadfilename.substring(uploadfilename
。lastIndexOf(。"));
stringCKEditorFuncNum=request.getparameter(CKEditorFuncNum
//判断图片的格式
如果(!imagefile.checkimagetype(partRightType)){
字符串路径=
Stringalt_msg=
pringwriterpage(文本/JavaScript
CKEditorFuncNum
,"
路径
,"
alt_msg
);");
}否则{
尝试{
uploadfilename=dateutils.getdatenostyle()-
uuid.randomuuid()partRightType;
StringsavePath=webRoot常量。上传图像路径;
FileuploadFilePath=新文件(savepath);
if(uploadfilepath.exists()==false){
uploadfilepath.mkdirs();
system.out.println(路径不存在,但已成功创建。savepath);
}否则{
system.out.println(路径存在”。savepath);
}
fos=newFileOutputStream(新文件(保存路径上传文件名));
fileinputstreamfis=newfileinputstream(getupload());
byte[]buffer=新字节[1024];
intlen=0;
while((len=fis.read(buffer))0){
fos.write(buffer,0,len);
}
fos.close();
fis.close();
}catch(FileNotFoundExceptionfor){
system.out.println(上传文件为0字节”);
}
//字符串路径=request.getservername():
stringpath=request.getcontextpath()
常量。上传图像路径上传文件名;
Stringalt_msg=
pringwriterpage(文本/JavaScript
CKEditorFuncNum
,"
路径
,"
alt_msg
);");
}
返回null
}
*其实这是关键代码。
pringWriterToPage(文本/JavaScript
CKEditorFuncNum
,"
路径
,"
alt_msg
);");
ckeditor使用教程?
一、使用方法:
1、在页面head>中引入ckeditor核心文件ckeditor.js
scripttype="text/JavaScript"src="ckeditor/ckeditor.js">/script>
2、在使用编辑器的地方插入HTML控件textarea>
textareaid="TextArea1"cols="20"rows="2">
/textarea>
如果是ASP.NET环境,也可用服务器端控件TextBox>
asp:TextBoxID="tbContent"runat="server"TextMode="MultiLine">
/asp:TextBox>
注意在控件中加上。
3、将相应的控件替换成编辑器代码
scripttype="text/javascript">
CKEDITOR.replace('TextArea1');
//如果是在ASP.Net环境下用的服务器端控件TextBox>
CKEDITOR.replace('tbContent');
//如果TextBox>控件在母版页中,要这样写
CKEDITOR.replace('%=tbContent.ClientID.Replace("_","$")%>');
/script>
4、配置编辑器
ckeditor的配置都集中在ckeditor/config.js文件中,下面是一些常用的配置参数:
//界面语言,默认为'en'
config.language='zh-cn';
//设置宽高
config.width=400;
config.height=400;
//编辑器样式,有三种:'kama'(默认)、'office2003'、'v2'
config.skin='v2';
//背景颜色
config.uiColor='#FFF';
//工具栏(基础'Basic'、全能'Full'、自定义)plugins/toolbar/plugin.js
config.toolbar='Basic';
config.toolbar='Full';
二、一些使用技巧
1、在页面中即时设置编辑器
scripttype="text/javascript">//示例1:设置工具栏为基本工具栏,高度为70CKEDITOR.replace('%=tbLink.ClientID.Replace("_","$")%>',{toolbar:'Basic',height:70});//示例2:工具栏为自定义类型CKEDITOR.replace('editor1',{toolbar:,//数字列表实体列表减小缩进增大缩进,//左对齐居中对齐右对齐两端对齐,//超链接取消超链接锚点,//图片flash表格水平线表情特殊字符分页符,'/',//样式格式字体字体大小,//文本颜色背景颜色,//全屏显示区块]});/script>
三、精简ckeditor
在部署到Web服务器上时,下列文件夹和文件都可以删除:
/_samples:示例文件夹;
/_source:未压缩源程序;
/lang文件夹下除zh-cn.js、en.js以外的文件(也可以根据需要保留其他语言文件);
根目录下的changes.html(更新列表),install.html(安装指向),license.html(使用许可);