将form表单提交到Servlet中，处理以后，将结果返回给前台
index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
window.onload = function() {
CKEDITOR.replace('editor');
};
</script>
</head>
<body>
<form action="ShowServlet" method="post">
<textarea rows="" cols="" name="editor"></textarea>
<br /> <input type="submit" value="提交"><input type="reset">
</form>
</body>
</html>
show.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
${data }
</body>
</html>
ShowServlet.java
package servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class ShowServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public ShowServlet() {
super();
}
protected void doGet(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
}
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
String data = request.getParameter("editor");
request.setAttribute("data", data);
request.getRequestDispatcher("showServlet.jsp").forward(request,
response);
}
}
进行这样的设置以后，基本的功能就可以实现了
分享到：
相关推荐
在实际应用中，CKFinder通常被配置为一个后台服务，通过Ajax与前端交互，实现无刷新的文件操作。例如，用户可以在CKFinder中选择一张图片，点击“插入”按钮，CKFinder会将图片URL返回给CKEditor，CKEditor则将图片...
CKEditor4是一款流行的开源富文本编辑器，广泛应用于网页、内容管理系统和其他需要用户输入格式化文本的场景。这款编辑器以其强大的功能、易用性和高度可定制性而闻名。源码分析将帮助我们深入理解其内部工作原理，...
本示例聚焦于"C#"环境下如何整合CKEditor和CKFinder，这是一套强大的编辑器与文件管理器组合，适用于创建具有高级文本编辑功能和图片/文件上传功能的网页应用程序。 CKEditor是一款知名的开源JavaScript富文本编辑...
这里可能包括处理CKEditor和ckfinder交互的函数，例如设置CKEditor的配置，或者处理上传后的回调。 `CKDemo.sln`是Visual Studio解决方案文件，包含了整个项目的结构和依赖关系，便于在开发环境中打开和管理项目。 ...
"richcombo"插件则是CKEditor的一种特殊组件，它设计为下拉框形式，提供了一种组织和展示多种功能的交互方式。通常，richcombo插件会将一组相关的操作或者设置集中在一个下拉菜单中，用户只需点击按钮，然后从下拉...
这个实例提供了一个完整的解决方案，包括前端编辑器、后端处理和数据库交互，对于学习如何在ASP环境下集成CKEditor和CKFinder进行图片上传是非常有价值的参考。通过深入研究这些代码，你可以更好地理解这两个组件的...
**ckEditor和ckFinder简介** ckEditor是一款强大的富文本编辑器，广泛应用于网站内容管理和博客系统，它提供了丰富的文本格式化选项，支持图片、视频、链接等多媒体元素的插入，使得用户可以在网页上进行类似Word的...
CKEditor是前端文本编辑工具，.NET是后端开发平台，两者结合实现了用户友好的交互和后台处理。视频上传则强调了CKEditor的多媒体扩展特性。 **详细知识点：** 1. **CKEditor**：CKEditor是一款功能强大的WYSIWYG...
总结来说，CKEditor、ckeditor-java和ckfinder是用于构建强大内容编辑功能的Web开发工具集，它们的组合使得Java开发者能轻松在Web应用中实现高级的富文本编辑和文件管理功能，提高用户体验并简化后台处理流程。
在后台交互方面，CKEditor通常需要自定义上传逻辑，如在Action配置中设置文件上传路径和大小限制。这在示例中通过CkeditorUploadAction类实现，该类负责处理上传文件的接收和处理。开发者需要编写相应的业务逻辑来...
- **ASP.NET集成**：CKEditor可以与ASP.NET Web Forms或MVC框架无缝集成，提供后台数据处理和存储的支持。 - **AJAX交互**：利用AJAX技术，可以实现编辑器内容的异步更新，提升用户体验。 4. **进一步学习方向**...
整合Struts2、CKeditor和CKfinder，主要是为了实现一个功能完善的后台编辑系统，其中CKeditor提供编辑界面，CKfinder负责文件和图片的上传、管理和选择。以下将详细解释整合过程中的关键知识点： 1. **Struts2框架...
从4.10版本开始，CKEditor返回的编辑器内容默认格式被改为JSON，这是为了更好地支持数据交互和处理富文本内容，尤其是当涉及到图片、链接等多媒体元素时。JSON格式使得数据传输更有效率，且易于解析和操作。 在ASP...
CKEditor是一款广泛应用于网页开发的富文本编辑器，它的精简版在保持基本功能的同时，降低了文件大小，更适合对性能有较高要求或者不...通过合理的定制和扩展，它可以适应各种复杂的网页编辑场景，提高用户的交互体验。
7. **API接口**：CKEditor提供详细的API文档，开发者可以方便地与后台系统集成，实现数据交互。 8. **详细配置**：编辑器的设置非常灵活，可以调整工具栏按钮、设定默认样式、定义快捷键等，满足不同项目的需求。 ...
使用CKEditor时，开发者通常会将其嵌入到HTML页面中，通过JavaScript API与后台交互，实现数据的保存和加载。例如，当用户在编辑器中完成内容编辑后，可以调用CKEditor的API获取编辑后的HTML代码，然后发送到服务器...
在实际应用中，CKEditor常被集成到Web应用程序中，通过JavaScript API与其他页面元素和后台系统进行交互。开发人员可以通过下载并解压提供的"ckeditor"压缩包，按照官方文档进行安装和配置，然后在HTML页面中引入...
CKeditor v3.2.1 JSP增强版是一款专为Java Web开发者设计的富文本编辑器，它在标准的CKeditor 3.2.1版本基础上...通过研究源码和实例，开发者可以深入理解CKeditor与JSP、Servlet的交互机制，提升自己的Web开发技能。
CKEditor是一款广泛应用于网页编辑的富文本编辑器，...通过理解和利用这些资源，开发者可以快速构建出支持富文本编辑的高效后台系统。同时，遵循开源许可，合理使用提供的文档和源码，将有助于提升开发效率和项目质量。