`

CKEditor 上传文件后返回的内容

阅读更多

原文及更多精彩,在这里: 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 的内容。

 

0
0
分享到:
评论

相关推荐

    CKEditor 上传文件(Servlet实现)

    - "CKEditor上传文件Servlet版本1.0"这个压缩包可能包含了CKEditor的示例配置、Servlet的Java源代码、HTML页面和可能的web.xml配置文件。解压并根据这些文件进行部署和测试。 通过以上步骤,你可以成功地在...

    ckeditor上传图片,上传文件

    而`Controller`则处理业务逻辑,例如验证上传文件的类型、大小,以及将文件保存到服务器的指定位置。 在`ckeditorUploadImgApi.java`中,可能会包含处理上传请求的方法,如`uploadImage()`或`uploadFile()`,这些...

    ckeditor文件上传版

    "ckeditor文件上传版"是一个基于JavaScript的富文本编辑器,CKEditor是一款广泛使用的开源编辑工具,它提供了丰富的功能,如文字格式化、图片上传、链接插入等,使得用户可以在网页上方便地创建和编辑内容。...

    ckeditor文件上传功能

    ckeditor文件上传功能,附图片上传示例,java程序及返回结果。 strut配置 &lt;param name="allowedTypes"&gt;image/bmp||image/png||image/gif||image/jpeg||image/jpg||image/pjpeg&lt;/param&gt; ...

    ckeditor支持文件上传的java类

    一旦文件成功上传,你需要返回一个JSON或XML响应,包含文件的URL或其他相关信息,以便CKEditor能够正确显示。例如,你可以返回一个包含URL的JSON对象:`{"uploaded": 1, "fileName": "example.jpg", "url": "/...

    ckeditor上传图片

    "ckeditor上传图片"这个主题主要涉及的是CKEditor与服务器端交互,实现图片的上传功能。下面我们将深入探讨这个知识点。 首先,`ckeditorUploadImgApi.java`和`ckeditorUploadImgController.java`是Java后端处理...

    CKEditor实现本地视频和图片的上传功能

    服务器端接收到上传请求后,需要对文件进行处理。这包括验证文件类型、大小,以及将文件保存到服务器的指定目录。例如,使用Node.js的Express框架和multer中间件处理文件上传: ```javascript const express = ...

    ckeditor 自定义上传图片

    同时,返回保存成功的消息给ckeditor,这样ckeditor就能在编辑器中插入新上传的图片的URL。 在提供的文件列表中,我们可以看到`CKEditor.NETwithSamples.sln`和`CKEditor.NET.sln`这两个解决方案文件,这表明包含了...

    ckeditor上传本地图片

    CKFinder的PHP connector会处理文件的上传、重命名、删除等操作,并将结果返回给CKEditor。 对于前端用户界面,CKFinder提供了一个直观的文件浏览器,用户可以在这里浏览本地文件系统,选择图片并上传。上传过程中...

    ckeditor4添加上传视频插件

    6. **响应处理**:服务器处理完文件上传后,应返回一个JSON或其他格式的响应,告知前端上传结果,包括文件的URL、状态码和可能的错误信息。 在CKEditor 4中,实现视频上传功能通常需要以下步骤: 1. **安装插件**...

    Ckeditor 上传例子 servlet方式 struts2方式

    Servlet接收到请求后,会读取上传的文件,将其保存到服务器的指定位置,并返回一个响应,告知CKEditor上传结果。在实际应用中,需要在Servlet中处理文件合法性检查、存储路径设置以及异常处理等细节。 具体步骤如下...

    asp.net中Ckeditor上传图片

    3. **大小限制**:设置上传文件的最大大小,防止过大文件导致的问题。 4. **重命名文件**:避免上传的文件与服务器上已有的文件重名。 5. **异常处理**:捕获并处理可能出现的异常,提供友好的错误提示。 通过以上...

    CKEditor图片上传处理处理文件(PHP)

    4. **响应构建**:一旦文件成功存储,`upload.php`需要返回一个JSON或XML格式的响应,告知CKEditor上传是否成功。响应应包含新文件的URL,以便CKEditor可以插入到编辑器内容中。 5. **错误处理**:如果在任何阶段...

    Aspx中ckeditor上传图片

    uploadImgs.aspx页面是ckeditor上传图片的后台处理页面,该页面负责处理上传的图片文件,并将图片路径返回给ckeditor编辑器。在本例中,我们使用window.showModalDialog()方法来弹出uploadImgs.aspx页面,并在上传...

    ckeditor4音频视频上传自定义插件

    6. **插入到编辑器**:一旦文件上传成功,我们需要将其插入到CKEditor 4的编辑内容中。对于音频和视频,这意味着创建`&lt;audio&gt;`或`&lt;video&gt;`标签,并设置其`src`属性为服务器返回的文件URL。 7. **支持多媒体配置**:...

    c# mvc中使用ckeditor上传图片介绍

    保存完成后,你需要返回一个JavaScript字符串,调用CKEditor的回调函数并传递结果消息,以便CKEditor知道图片上传是否成功。 通过以上步骤,你就完成了CKEditor在C# MVC中的集成以及图片上传功能的实现。这使得用户...

    ckeditor上传截图和图片php

    3. 返回上传结果,包括文件URL、状态码等信息,供CKEditor显示。 `pasteDemo`可能是演示如何在CKEditor中实现截图粘贴的示例代码。这个功能通常依赖浏览器的拖放和粘贴API,以及一些JavaScript库,如`clipboard.js`...

Global site tag (gtag.js) - Google Analytics