ckeditor 的使用

问题描述

我在javaweb项目中使有ckeditor,做一个上传图片的功能,写的demo,没有问题,在IE下chrome下都能运行,放到项目中就不行了,在IE下不显示ckeditor,也不能输入,chrome下不能上传图片,javaWeb上是用的frameset,也有一些jQuery的UI.有没有遇到的朋友,帮个忙吧

解决方案

解决方案二:
上传所需要的jar包添加了吗?我记得好像是5个修改web.xml文件,配置上传功能的类在src下创建properties文件。
解决方案三:
除了楼上所讲的,你还要注意路径的问题。在jsp与html中的路径可能是有变化的。
解决方案四:
我的IE下可以啊<scripttype="text/javascript">window.onload=function(){CKEDITOR.replace('editor1',{filebrowserBrowseUrl:'../ckeditor/showImge.do?Type=Image',filebrowserUploadUrl:'../ckeditor/upload.do?Type=Image'});};@RequestMapping(value="/ckeditor/upload.do",method=RequestMethod.POST)publicvoidfileUpload(HttpServletRequestrequest,HttpServletResponseresponse,@RequestParamMultipartFileupload){OutputStreamout=null;PrintWriterprintWriter=null;response.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");try{StringfileName=upload.getOriginalFilename();byte[]bytes=upload.getBytes();StringuploadPath=getUploadpath(request)+"upload\"+fileName;System.out.println(uploadPath);out=newFileOutputStream(newFile(uploadPath));out.write(bytes);Stringcallback=request.getParameter("CKEditorFuncNum");System.out.println("callback:"+callback);printWriter=response.getWriter();StringfilePath=request.getContextPath()+"/upload/"+fileName;printWriter.println("<scripttype='text/javascript'>window.parent.CKEDITOR.tools.callFunction("+callback+",'"+filePath+"',''"+")</script>");printWriter.flush();}catch(IOExceptione){e.printStackTrace();}finally{try{if(out!=null){out.close();}if(printWriter!=null){printWriter.close();}}catch(IOExceptione){e.printStackTrace();}}return;}@RequestMapping(value="ckeditor/showImge.do")publicvoidshowImage(HttpServletRequestrequest,HttpServletResponseresponse){PrintWriterout=null;List<String>fileList=newArrayList<String>();try{response.setCharacterEncoding("utf-8");response.setContentType("text/html;charset=utf-8");StringfilePath=getUploadpath(request)+"upload\";out=response.getWriter();Filefile=newFile(filePath);Stringcallback=request.getParameter("CKEditorFuncNum");out.println("<scripttype='text/javascript'src='../ckeditor/ckeditor.js'></script>");out.println("<script>");out.println("functionchoose(obj){");out.println("window.opener.CKEDITOR.tools.callFunction("+callback+",obj)");out.println("window.close();");out.println("}");out.println("</script>");out.println("<h2>单击图片进行选择</h2>");if(file.exists()){File[]files=file.listFiles();for(Filefile2:files){fileList.add(file2.getName());StringfileName=file2.getName();fileName="../upload/"+fileName;out.println("<imgsrc='"+fileName+"'onclick=""+"choose('"+fileName+"')">");out.flush();}}}catch(Exceptione){e.printStackTrace();}finally{if(out!=null){out.close();}}return;}
解决方案五:
是不是你的jquery插件有冲突
解决方案六:
回复二楼的哥们,我在写的一个demo中,也是javaWeb的demo,可以上传图片,而且能成功,一放到那个freamset里就不行了。就报这样的错误,这个上传需要的包有关系吗,
解决方案七:

解决方案八:
引用5楼liuc0317的回复:

回复二楼的哥们,我在写的一个demo中,也是javaWeb的demo,可以上传图片,而且能成功,一放到那个freamset里就不行了。就报这样的错误,这个上传需要的包有关系吗,

检查下路径那里有没弄错了,造成ckeditor没有引入进去还有就是有没什么过滤器之类的,被拦过滤掉了
解决方案九:
我也不知道检查哪有问题了。写的webDemo没什么错,放到项目里就报错。上边是chromejs的检查结果。大家帮忙看看。
解决方案十:
没找到getData的函数

时间: 2024-10-03 09:05:22

ckeditor 的使用的相关文章

织梦ckeditor添加自定义按钮,实现自定义样式

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 织梦到了5.7之后编辑器不再是fck,而是升级成了ckeditor3.6.2.在我们对内容页面的body正文部分进行编辑的时候,前台正文部分有的时候需要一个自定义样式,但ckeditor并没有自定义样式涉及. 例如页面:http://www.badubox.com/game/500.html, 可以看到有虚线边框的地方,就是自定义样式. 当然

ckeditor config.js:ckeditor 在JS获得值

document.forms[0].updateContext.value=CKEDITOR.instances.ckeditor_id.getData(); 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130107/35627.html

ASP.NET中CKEditor与CKFinder的配置使用

  这篇文章主要介绍了ASP.NET中CKEditor与CKFinder的配置使用的相关资料,需要的朋友可以参考下 将CKEditor 与 CKFinder 的包含在项目中,并添加程序集的引用 从http://cksource.com网站上下载CKEditor与CKFinder,并将这两个解压的项目之下,里面的 samples文件夹中是示例,是不需要的可以将samples文件夹直接删除,在ckeditor和ckfinder目录下各有bin目录,添加对bin目录下的release目录下的程序集的引

ckeditor插件开发简单实例

我需要在编辑文本的时候,选择一段文字,点击自定义的按钮,就能够在这段文字后面增加一个图标,图标超链接去一个地址,以选中的文字作为参数   CKeditor就是FCKeditor,在发布一个新版本的时候,把自己的名字都改了,不要"F". 需求:我需要在编辑文本的时候,选择一段文字,点击自定义的按钮,就能够在这段文字后面增加一个图标,图标超链接去一个地址,以选中的文字作为参数. 做法: 1.在CKeditor的plugins文件夹下,创建新文件夹"addmap",这个名

为ckeditor编辑器修改添加一键排版功能

  使用PHPCMS V9的朋友都知道,V9内置使用ckeditor编辑器,但是默认编辑器的排版功能不是很强大,下面绿茶小编教大家修改一下编辑器,改动几个地方,让Ckeditor编辑更加实用一些. 1.批量去除超链接: 打开 statics/js/ckeditor/ckeditor.js 找到: $.execCommand('unlink',false,null); 修改为: $.execCommand('unlink',false,true); 2.上传图片自动添加ALT参数 修改 stati

含有CKEditor的表单如何提交

 如何提交含有CKEditor的表单,其实很简单的在提交事件中加入这一句即可解决问题 在提交事件中加入这一句   代码如下: for ( instance in CKEDITOR.instances )  CKEDITOR.instances[instance].updateElement();     

ckeditor手动同步textarea

新版ckeditor取消了内容自动同步到textarea的功能, 提交前需手动同步,若不手动同步提交时textarea中的内容为空 手动同步代码 for ( instance in CKEDITOR.instances ) {   CKEDITOR.instances[instance].updateElement(); } 本文出自 "点滴积累" 博客,请务必保留此出处http://tianxingzhe.blog.51cto.com/3390077/1685162

常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介

1.UEditor UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码... 主要特点: 轻量级:代码精简,加载迅速. 定制化:全新的分层理念,满足多元化的需求.采用三层架构:1. 核心层: 为命令层提供底层API,如range/selection/domUtils类.2. 命令插件层: 基于核心层开发command命令,命令之间相互独立.3. 界面层: 为命令层提供用户使用界面.满足不同层次用

ckeditor的pastefromword功能的直接调用问题

问题描述 ckeditor的pastefromword功能的直接调用问题 在页面中加入ckeditor控件后,控件提供了pastefromword的功能,需要手工操作.现在通过interop组件在后台打开word,进行选择和复制后,希望能直接通过后台代码将复制的内容粘贴到ckeditor中,如何实现? 解决方案 搞不了吧..这个要获取浏览器打开的页面了.自己弄个acx安装到浏览器还差不多..而且要是客户端没安装office你调用interop组件不就出错了

图片粘贴上传-能把ckeditor编辑框里粘贴的本地图片提交时上传到服务器吗

问题描述 能把ckeditor编辑框里粘贴的本地图片提交时上传到服务器吗 项目中的编辑器是用的ckeditor3,现在要求在编辑框中直接粘贴内容和图片,图片地址就是本地地址了,提交后如果图片没上传到服务器图片就不能显示了,现在需要把本地图片上传的服务器中,并且内容中保存的是服务器端地址,这样就可以看到图片了,有大神能帮忙解决吗?万分感谢! 解决方案 楼主试试这个控件:http://www.cnblogs.com/xproer/archive/2011/04/08/2009500.html 1.F