原文及更多精彩,在这里: http://yysource.sourceforge.net/?p=58
CKEditor 的文档做的真心觉得不好,很多东西找起来好麻烦。比如说文件上传的问题。如果是想实现简单的文件上传,比如上传图片,可以这样:
editor = CKEDITOR.replace('editor', {
filebrowserImageUploadUrl : '/file/upload?type=image',
});
上传是可以了,但是却无法正常返回,在 Send to the Server 之后,按照官网里 demo 的结果,应该会直接跳到 Image Info 里,并且会自动将服务器返回的 url 填充到 URL 框中。要想实现官网的这个跳转和显示url的效果,有两个关键:
1.是返回的内容必须为 text/html 格式,并且内容为:
<script type=\"text/javascript\">window.parent.CKEDITOR.tools.callFunction(2, '/path/to/file', 'error message');</script>
2.其中,/path/to/file 中的路径名必须以斜杠“/”分隔,如果用的是反斜杠“\”,那么恭喜,它是不会自动跳转到 Image Info 里去的,并且 URL 里也不会有值。另外,error message 这一段可以去掉,为空表示没有错误,不为空则会弹出一个对话框显示 error message 的内容。
分享到:
相关推荐
- "CKEditor上传文件Servlet版本1.0"这个压缩包可能包含了CKEditor的示例配置、Servlet的Java源代码、HTML页面和可能的web.xml配置文件。解压并根据这些文件进行部署和测试。 通过以上步骤,你可以成功地在...
而`Controller`则处理业务逻辑,例如验证上传文件的类型、大小,以及将文件保存到服务器的指定位置。 在`ckeditorUploadImgApi.java`中,可能会包含处理上传请求的方法,如`uploadImage()`或`uploadFile()`,这些...
"ckeditor文件上传版"是一个基于JavaScript的富文本编辑器,CKEditor是一款广泛使用的开源编辑工具,它提供了丰富的功能,如文字格式化、图片上传、链接插入等,使得用户可以在网页上方便地创建和编辑内容。...
ckeditor文件上传功能,附图片上传示例,java程序及返回结果。 strut配置 <param name="allowedTypes">image/bmp||image/png||image/gif||image/jpeg||image/jpg||image/pjpeg</param> ...
一旦文件成功上传,你需要返回一个JSON或XML响应,包含文件的URL或其他相关信息,以便CKEditor能够正确显示。例如,你可以返回一个包含URL的JSON对象:`{"uploaded": 1, "fileName": "example.jpg", "url": "/...
"ckeditor上传图片"这个主题主要涉及的是CKEditor与服务器端交互,实现图片的上传功能。下面我们将深入探讨这个知识点。 首先,`ckeditorUploadImgApi.java`和`ckeditorUploadImgController.java`是Java后端处理...
服务器端接收到上传请求后,需要对文件进行处理。这包括验证文件类型、大小,以及将文件保存到服务器的指定目录。例如,使用Node.js的Express框架和multer中间件处理文件上传: ```javascript const express = ...
6. **响应处理**:服务器处理完文件上传后,应返回一个JSON或其他格式的响应,告知前端上传结果,包括文件的URL、状态码和可能的错误信息。 在CKEditor 4中,实现视频上传功能通常需要以下步骤: 1. **安装插件**...
同时,返回保存成功的消息给ckeditor,这样ckeditor就能在编辑器中插入新上传的图片的URL。 在提供的文件列表中,我们可以看到`CKEditor.NETwithSamples.sln`和`CKEditor.NET.sln`这两个解决方案文件,这表明包含了...
CKFinder的PHP connector会处理文件的上传、重命名、删除等操作,并将结果返回给CKEditor。 对于前端用户界面,CKFinder提供了一个直观的文件浏览器,用户可以在这里浏览本地文件系统,选择图片并上传。上传过程中...
Servlet接收到请求后,会读取上传的文件,将其保存到服务器的指定位置,并返回一个响应,告知CKEditor上传结果。在实际应用中,需要在Servlet中处理文件合法性检查、存储路径设置以及异常处理等细节。 具体步骤如下...
3. **大小限制**:设置上传文件的最大大小,防止过大文件导致的问题。 4. **重命名文件**:避免上传的文件与服务器上已有的文件重名。 5. **异常处理**:捕获并处理可能出现的异常,提供友好的错误提示。 通过以上...
6. **插入到编辑器**:一旦文件上传成功,我们需要将其插入到CKEditor 4的编辑内容中。对于音频和视频,这意味着创建`<audio>`或`<video>`标签,并设置其`src`属性为服务器返回的文件URL。 7. **支持多媒体配置**:...
4. **响应构建**:一旦文件成功存储,`upload.php`需要返回一个JSON或XML格式的响应,告知CKEditor上传是否成功。响应应包含新文件的URL,以便CKEditor可以插入到编辑器内容中。 5. **错误处理**:如果在任何阶段...
uploadImgs.aspx页面是ckeditor上传图片的后台处理页面,该页面负责处理上传的图片文件,并将图片路径返回给ckeditor编辑器。在本例中,我们使用window.showModalDialog()方法来弹出uploadImgs.aspx页面,并在上传...
保存完成后,你需要返回一个JavaScript字符串,调用CKEditor的回调函数并传递结果消息,以便CKEditor知道图片上传是否成功。 通过以上步骤,你就完成了CKEditor在C# MVC中的集成以及图片上传功能的实现。这使得用户...
3. 返回上传结果,包括文件URL、状态码等信息,供CKEditor显示。 `pasteDemo`可能是演示如何在CKEditor中实现截图粘贴的示例代码。这个功能通常依赖浏览器的拖放和粘贴API,以及一些JavaScript库,如`clipboard.js`...