一、先看效果,再看代码:
1、点击fckeditor插入超链接:
2、上传文件:点击上传成功提示框的确定后,系统会自动跳转
3、跳转到超链接信息页面
<!--StartFragment -->
4、最终效果:
二、代码修改
1、修改fckeditor里面的fckconfig.js文件
<!--StartFragment -->
2、修改fckeditor-->>dialog-->>fck_link.html
3、配置struts-config.xml
1
2
4、附件:ScoreUploadExcelForm、LinkUploadAction代码
ScoreUploadExcelForm代码:
/**
* 所要上传的文件的Form
* @author ScoreTechnicalTeam
* @version $Revision: $ $Date: $
*/
public class ScoreUploadExcelForm extends BaseForm implements java.io.Serializable{
private FormFile file; 该file与fck_link.html中的name="file"对应
public FormFile getFile() {
return file;
}
public void setFile(FormFile file) {
this.file = file;
}
}
LinkUploadAction代码:
package com.score.web.action.resource.browser;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import java.io.OutputStream;
import java.io.PrintWriter;
import java.util.ResourceBundle;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.upload.FormFile;
import com.score.model.base.ScoreUploadExcelForm;
import com.score.web.action.core.BaseAction;
public class LinkUploadAction extends BaseAction {
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response)
throws Exception {
if(log.isDebugEnabled()) {
log.debug("LinkUploadAction begin...");
}
ScoreUploadExcelForm scoreUploadFileForm = (ScoreUploadExcelForm) form;
FormFile formfile = scoreUploadFileForm.getFile();
String uri = membersHead(request,formfile);
PrintWriter out = response.getWriter();
out.print("<script type=\"text/javascript\">") ;
out.print("window.parent.OnUploadCompleted(0,'"+uri+"','"+formfile.getFileName()+"', '')");
out.print("</script>") ;此处代码是将链接写入到页面,即效果图第三个步骤
out.flush();
out.close();
if(log.isDebugEnabled()) {
log.debug("LinkUploadAction begin...");
}
return null;
}
public String membersHead(HttpServletRequest request,FormFile file) {
String uri = "";
ResourceBundle rb = ResourceBundle.getBundle("vfsconfig");
// String dir = servlet.getServletContext().getRealPath("/upload");
String dir = rb.getString("vfs.basepath"); 此处是从properties文件中取到的图片上传后绝对路径,可以在spring _service里面配置
// 文件夹
File dirFile = null;
boolean bFile = false;
dirFile = new File(dir);
bFile = dirFile.exists();// true 该文件夹存在,false 不存在
if (bFile == false) {
bFile = dirFile.mkdirs();
if (bFile == false) {
System.out.println(" 文件夹创建失败!");
}
}
if (bFile == true) {
try {
InputStream input = file.getInputStream();// 能从FormFile中获得输入流
String fileName = file.getFileName();
OutputStream output = new FileOutputStream(dir + "/" + fileName);
int bytesReader = 0;
byte[] readbuffer = new byte[102400];
while ((bytesReader = input.read(readbuffer, 0, 102400)) != -1) {
output.write(readbuffer, 0, bytesReader);
}
output.close();
String webPath = rb.getString("resourceUrl");此处是从properties文件中取到的要上传图片的IP及端口,可以在spring _service里面配置
// 资料路径
uri = webPath +"/linkUpload/"+fileName;
} catch (Exception e) {
e.printStackTrace();
}
}
return uri;
}
}
分享到:
相关推荐
此外,FCKeditor的工具栏可以根据需求定制,通过修改`fckconfig.js`文件,可以调整工具栏按钮的排列和启用/禁用特定功能。例如,如果你的项目不需要Flash支持,可以移除相应的插件。 总的来说,Java中的FCKeditor是...
5. **初始化编辑器**:使用JavaScript调用FCKeditor的API来创建编辑器实例,并指定与服务器端交互的URL。 6. **服务器端处理**:编写Java代码处理来自FCKeditor的上传文件请求,保存并返回文件路径或URL。 通过以上...
FCKeditor是一款开源的Web富文本编辑器,广泛应用于网页制作和内容管理系统中,它提供了类似于Microsoft Word的编辑体验,允许用户在浏览器中编辑文本、插入图片、创建超链接等。这个压缩包“FCKeditor开发jar包及...
它允许用户在网页上直接编辑内容,包括插入图片、创建超链接、格式化文本等。FCKeditor的核心特性是其易用性和高度可定制性,可以方便地与各种后端技术集成。 二、安装FCKeditor 1. 下载:访问FCKeditor官方网站或...
FCKeditor的核心特性在于它提供了丰富的文本编辑功能,如字体样式调整、段落格式化、插入图片、超链接创建、列表操作等,极大地提升了用户在网页上的文本编辑体验。对于开发者而言,FCKeditor提供了一个易于集成的...
- **FCKeditor-java-demo-2.4.war**: 示例项目,展示了如何集成FCKeditor到Java Web应用中。 #### 2. FCKeditor的目录和文件精简 为了减少不必要的文件,提高加载速度,可以进行如下操作: 1. **删除临时文件及...
在Java项目中集成FCKeditor,开发者需要按照官方文档的步骤进行操作,包括引入依赖、配置编辑器实例、设置上传路径和处理文件上传等。同时,为了保证用户体验,还需要关注前端页面的样式适配,使其与应用的整体风格...
- 上述代码定义了一个简单的HTML页面,并使用了FCKeditor的自定义标签`<FCK:editor>`来插入编辑器实例。 #### 四、测试与验证 1. **启动应用** - 部署并启动Struts2项目。 - 访问测试页面`test.jsp`。 2. **...
2. **丰富的功能**:FCKeditor 提供了多种编辑功能,如字体选择、字号调整、颜色设定、列表、对齐方式、插入图片、超链接、表格、代码编辑等,极大地提高了用户的编辑体验。 3. **可定制性**:FCKeditor 允许开发者...
1. **富文本编辑**:FCKeditor 提供了全面的文本格式化选项,如字体、大小、颜色、对齐方式等,同时支持嵌入图像、创建超链接、插入表格等。 2. **跨平台兼容**:FCKeditor 可以在各种浏览器环境下运行,包括IE、...
- **获得FCKeditor实例**: 可以根据不同的场景获取当前页面或其他页面中的FCKeditor实例。 - **常见Js方法调用**: 插入HTML、设置和获取内容、执行指定动作等。 #### 六、修改FCKeditor的配置 - **方法一**: 修改`...
1. **富文本编辑**: 支持格式化文本、插入超链接、添加图片、创建表格、插入HTML元素等多种富文本操作。 2. **插件系统**: Fckeditor允许开发者通过编写插件扩展其功能,如添加新的按钮、实现特定的编辑效果等。 3...
1. **富文本编辑**: 支持格式化文本、插入图片、超链接、表格等HTML元素。 2. **文件管理**: 提供内置的文件浏览器,让用户可以上传、下载、删除和管理文件,同时可自定义文件服务器端的处理逻辑。 3. **权限控制**:...
**FCKeditor 使用实例代码详解** FCKeditor是一款开源的网页文本编辑器,它使得在网页上创建和编辑富文本内容变得简单。FCKeditor以其强大的功能和易用性,被广泛应用于各种Web应用程序中,尤其在Java开发环境中。...
1. **富文本编辑器概述**:FCKeditor是一个JavaScript编写的在线编辑器,支持在网页中创建和编辑复杂格式的文本,包括加粗、斜体、插入图片、超链接、列表等。它为开发者提供了一种简单的方法,让用户能够在浏览器端...
- **用户友好界面**: FCKeditor提供了一个类似Microsoft Word的界面,使得用户可以轻松地进行文字编辑、格式设置、插入图片、超链接等操作。 - **跨浏览器支持**: 支持主流的Web浏览器,如Internet Explorer,Fire...
最后,通过JavaScript调用FCKeditor的实例化函数,创建编辑器实例。 4. **配置与定制** fck-demo允许开发者根据需求进行个性化配置,比如调整工具栏布局、设定默认字体大小和颜色、限制编辑区域的宽度和高度等。...