杰瑞科技汇

FCKeditor Java版哪里下载?

FCKeditor 这个项目已经停止更新多年,并且更名为 CKEditor 4****,您现在应该寻找和下载的是 CKEditor 4 的 Java 集成版本。

FCKeditor Java版哪里下载?-图1
(图片来源网络,侵删)

直接搜索 "FCKeditor Java" 很难找到官方的、可用的下载包,下面我将为您梳理正确的下载路径和集成步骤。


核心信息:FCKeditor 的继承者

  • FCKeditor -> CKEditor 4 -> CKEditor 5
  • Java 集成库: CKEditor 4 Java Integration

我们将专注于如何获取和集成 CKEditor 4 的 Java 版本。


第一步:下载 CKEditor 4 核心文件

您需要下载两个部分:1. 编辑器本身;2. Java 集成库。

下载 CKEditor 4 编辑器

这是用户在网页上看到的富文本编辑器界面。

FCKeditor Java版哪里下载?-图2
(图片来源网络,侵删)
  • 官方下载地址: https://ckeditor.com/ckeditor-4/download/
  • 下载类型: 选择 "Download CKEditor 4"。
  • : 您会得到一个 ZIP 压缩包,解压后包含一个名为 ckeditor 的文件夹,这个文件夹包含了编辑器所有的 JavaScript、CSS 和示例文件,您需要将这个 ckeditor 文件夹部署到您的 Java Web 项目中(通常是 webapp 目录下)。

下载 CKEditor 4 Java Integration (集成库)

这是连接您的 Java 后端和 CKEditor 前端的核心库,它提供了在 JSP 页面中初始化编辑器、获取和设置内容的功能。

  • 官方 GitHub 地址: https://github.com/ckeditor/java-core
  • 如何下载:
    • 方式一 (推荐): 使用 Maven 或 Gradle 自动下载,这是现代 Java 项目的最佳实践。
    • 方式二: 手动下载 JAR 包

第二步:集成到 Java Web 项目 (以 JSP 为例)

假设您使用的是传统的 Java Web 项目(如 Servlet + JSP)。

项目结构

您的项目结构应该大致如下:

your-web-app/
├── src/
│   └── com/
│       └── example/
│           └── YourServlet.java
├── WebContent (或 webapp/
│   ├── ckeditor/              <-- 从第一步解压的文件夹
│   │   ├── ckeditor.js
│   │   ├── styles/
│   │   └── ... (其他文件)
│   ├── WEB-INF/
│   │   ├── lib/
│   │   │   ├── ckeditor-java-4.x.x.jar  <-- 从第二步下载的JAR包
│   │   │   └── ... (其他依赖库,如servlet-api.jar)
│   │   └── web.xml
│   └── index.jsp              <-- 使用编辑器的JSP页面
└── pom.xml (如果使用Maven)

在 JSP 页面中使用 CKEditor

在您的 JSP 页面中,您需要引入 CKEditor 的 JavaScript 文件,并使用 JSTL 标签来初始化编辑器。

FCKeditor Java版哪里下载?-图3
(图片来源网络,侵删)

index.jsp 示例代码:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">CKEditor 4 Java 集成示例</title>
<!-- 引入 CKEditor 核心JS文件 -->
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
</head>
<body>
    <h1>CKEditor 4 Java 集成示例</h1>
    <form action="your-save-servlet" method="post">
        <textarea name="content" id="editor1">
            <p>这是 CKEditor 4 的初始内容。</p>
        </textarea>
        <!-- 使用 ckeditor 标签来将上面的 textarea 替换为富文本编辑器 -->
        <ckeditor:replace replace="editor1" basePath="ckeditor/" />
        <br><br>
        <input type="submit" value="提交内容">
    </form>
</body>
</html>

代码解释:

  • <%@ taglib uri="http://ckeditor.com" prefix="ckeditor" %>: 引入 CKEditor 的 JSTL 标签库。
  • <script type="text/javascript" src="ckeditor/ckeditor.js"></script>: 引入 CKEditor 的核心 JavaScript。
  • <textarea name="content" id="editor1">...</textarea>: 一个普通的 HTML 文本域,name 属性用于表单提交,id 属性用于被替换。
  • <ckeditor:replace replace="editor1" basePath="ckeditor/" />: 这是关键。
    • replace="editor1": 指定要替换的 <textarea>id
    • basePath="ckeditor/": 指向 CKEditor 核心文件所在目录的路径(相对于当前 JSP 页面)。

在 Servlet 中获取内容

当用户在编辑器中输入内容并点击提交后,您可以在后端 Servlet 中像获取普通文本域一样获取富文本内容。

YourServlet.java 示例代码:

package com.example;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@WebServlet("/your-save-servlet")
public class YourServlet extends HttpServlet {
    private static final long serialVersionUID = 1L;
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 通过 name="content" 获取编辑器中的内容
        String editorContent = request.getParameter("content");
        // editorContent 现在包含了用户输入的 HTML 代码
        //  "<p>这是 CKEditor 4 的初始内容。</p><p>用户新添加的内容。</p>"
        System.out.println("从编辑器获取到的内容是:");
        System.out.println(editorContent);
        // 在这里可以将 editorContent 保存到数据库或文件中
        // ...
        // 重定向回主页或显示成功页面
        response.sendRedirect("index.jsp");
    }
}

第三步:使用 Maven (现代项目推荐)

如果您使用 Maven,配置会简单很多。

pom.xml 配置

<dependencies>
    <!-- 1. CKEditor 4 Java Integration 库 -->
    <dependency>
        <groupId>org.ckeditor</groupId>
        <artifactId>ckeditor-java</artifactId>
        <version>4.19.0</version> <!-- 使用最新版本 -->
    </dependency>
    <!-- 2. JSTL 标签库 (JSP页面需要) -->
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>jstl</artifactId>
        <version>1.2</version>
    </dependency>
    <!-- 3. Servlet API (根据您的Servlet版本调整) -->
    <dependency>
        <groupId>javax.servlet</groupId>
        <artifactId>javax.servlet-api</artifactId>
        <version>4.0.1</version>
        <scope>provided</scope>
    </dependency>
</dependencies>

获取 CKEditor 4 核心文件

您仍然需要 CKEditor 的核心文件,Maven 不会自动下载它们。

  • 最佳实践: 将下载的 ckeditor 文件夹作为静态资源,直接放在 src/main/webapp/ 目录下。
  • 替代方案: 可以使用 Maven 插件(如 maven-war-plugin)将本地文件复制到构建目录,但直接手动放置更简单。

总结与建议

  1. 放弃 FCKeditor:请直接使用其继任者 CKEditor 4
  2. 下载地址
  3. 集成步骤
    • ckeditor 文件夹放入 Web 项目的 webapp 目录。
    • ckeditor-java-x.x.x.jar 放入 WEB-INF/lib 目录(或通过 Maven/Gradle 依赖)。
    • 在 JSP 页面中引入 JS 文件,并使用 <ckeditor:replace>
  4. 未来考虑:CKEditor 5 是当前的主版本,它完全重写了架构,是基于 React 的,如果您的新项目可以接受,并且愿意学习新的 API,建议直接研究 CKEditor 5 for Java,它提供了更现代的功能和更好的性能,但对于维护旧项目,CKEditor 4 仍然是稳定可靠的选择。
分享:
扫描分享到社交APP
上一篇
下一篇