添加jar包：
fckeditor-java-2.4.1/fckeditor-java-core-2.4.1.jar
fckeditor-java-2.4.1/lib/commons-fileupload-1.2.1.jar
fckeditor-java-2.4.1/lib/commons-io-1.3.2.jar
fckeditor-java-2.4.1/lib/slf4j-api-1.5.2.jar
sfckeditor-java-demo-2.4.1.war/WEB-INF/lib/slf4j-simple-1.5.2.jar
注：fckeditor-java-2.4.1/lib/slf4j-api-1.5.2.jar这个包只是个接口类，必需有实现类。我用的是sfckeditor-java-demo-2.4.1.war下WEB-INF/lib/slf4j-simple-1.5.2.jar
例子：
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
</head>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
//第一种方法
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/";
oFCKeditor.Width = "70%";
oFCKeditor.Height = "150";
oFCKeditor.Value = "default"
oFCKeditor.Create();
</script>
<script type="text/javascript">
window.onload = function() {
//第二种方法
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
oFCKeditor.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
oFCKeditor.ReplaceTextarea() ;
//第三种方法
var div = document.getElementById("myFCKeditor");
var fck = new FCKeditor("myFCKeditor");
fck.BasePath = "<%=request.getContextPath()%>/fckeditor/" ;
div.innerHTML = fck.CreateHtml();
}
</script>
<body>
t<br/>Method 2<br/>
<textarea rows="4" cols="60" name="MyTextarea" style="display:none">default</textarea>
<br/>Method 3 <br>
<div id="myFCKeditor"> </div>
<br/>Method 4 用JSP自定义标签输出Fckeditor<br>
<FCK:editor instanceName="myDditor" basePath="/fckeditor" value="default"/>
</body>
</html>
分享到：
相关推荐
最后，我们关注的是使用JSP自定义标签来输出Fckeditor，这可以使代码更简洁、可读性更强。示例中的自定义标签是： ```jsp <FCK:editor instanceName="myDditor" basePath="/fckeditor" value="default"/> ``` 这个...
- **引入FCKeditor**：在JSP页面中，通过`<script>`标签引入FCKeditor的JavaScript文件，确保路径正确。 - **实例化FCKeditor**：在JSP页面中，使用JavaScript代码实例化FCKeditor，指定编辑器的ID、宽度、高度等...
3. **引入JavaScript库**：在需要使用FCKEditor的JSP页面中，通过`<script>`标签引入FCKeditor的核心JavaScript文件。例如： ```html <script type="text/javascript" src="/js/fckeditor/fckeditor.js"> ``` 4....
确保引入所需的CSS和JavaScript文件，通常是在JSP页面中通过`<script>`标签引入`fckeditor.js`。 2. **创建编辑器实例**：在JSP页面中，通过JavaScript创建FCKeditor实例。例如： ```javascript var oFCKeditor...
2. **引入FCKeditor**：在JSP页面中，通过`<script>`标签引入FCKeditor的JavaScript文件。通常，我们需要引入`fckeditor.js`，这是编辑器的核心脚本。 ```html <script type="text/javascript" src="/fckeditor/...
**FCKeditor2.3在JSP中的配置详解** FCKeditor是一款开源的富文本编辑器，它在Web开发中广泛用于提供用户友好的在线文本编辑功能。版本2.3是其历史版本之一，虽然现在已经有了更先进的替代品，但理解如何在JSP中...
【标题】基于jsp的FCKeditor配置详解 在Web开发中，富文本编辑器（Rich Text...通过以上步骤，你已经成功地在基于JSP的Web应用中配置并使用了FCKeditor。继续探索其API和插件，可以进一步提升编辑器的用户体验和功能。
在JSP环境中使用FCKeditor，可以极大地提升网站内容编辑的便捷性和用户体验。 **1. FCKeditor安装与集成** 首先，你需要从FCKeditor的官方网站下载对应版本的编辑器压缩包，解压后会得到一个包含各种文件和目录的...
综上所述，JSP程序中使用FCKeditor编辑器涉及到前端JavaScript的使用、后端数据的处理、安全性的考量以及可能的自定义扩展。理解并掌握这些知识点，将有助于在实际开发中更好地利用FCKeditor提升用户体验。
5. **在JSP页面中引入FCKEditor**: 使用特定的标签库来引用FCKEditor。例如，在JSP页面头部添加以下代码： ```jsp <%@ taglib uri="http://fckeditor.net/tags-fckeditor" prefix="FCK" %> ``` 在需要使用...
一般会使用`<jsp:include>`或`<script src>`标签来引入`fckeditor.html`，然后通过JavaScript函数创建编辑器实例，指定与服务器交互的URL。 4. **服务器端处理**：FCKeditor编辑的内容通常会通过POST请求发送到...
fckeditor学习笔记 FCKEditor的调用: ...在jsp中通过自定义标签调用 注：拷jar包 fckeditor-java-2.4.1\fckeditor-java-core-2.4.1.jar fckeditor-java-2.4.1\lib\*; slf4j-simple-1.5.2.jar;
- 上述代码定义了一个简单的HTML页面，并使用了FCKeditor的自定义标签`<FCK:editor>`来插入编辑器实例。 #### 四、测试与验证 1. **启动应用** - 部署并启动Struts2项目。 - 访问测试页面`test.jsp`。 2. **...
《fckEditor2.6美化实用版<JSP>——打造高效富文本编辑体验》 fckEditor是一款功能强大的开源富文本编辑器，尤其在JSP（JavaServer Pages）环境中广泛应用。fckEditor2.6版本是其发展过程中的一个重要里程碑，它在...
2. **创建自定义JSP文件**：在JSP文件中引入FCKeditor的自定义标签库，并使用自定义的`<FCK:editor>`标签。 ```jsp <%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %> <FCK:editor instanceName=...
4. **添加引用**：在JSP页面中通过`<script>`标签引入FCKeditor的JavaScript文件，通常是`fckeditor.js`。 5. **实例化编辑器**：使用JavaScript创建FCKeditor实例，指定编辑区域的ID和初始化参数。 6. **保存与提交...
3. **配置路径**：在JSP页面中，需要设置编辑器的路径，通常通过`<script>`标签引入FCKeditor的JavaScript文件，并指定编辑器实例的路径。 4. **创建编辑器实例**：在JSP页面中使用JavaScript创建FCKeditor实例，...
例如，使用`<input type="hidden">`标签将编辑器的内容提交到服务器。 6. **自定义与扩展**：FCKeditor支持插件机制，可以根据需求定制功能或添加新的编辑工具。开发者可以研究提供的开发包中的源代码，了解如何...
3. **引入JS文件**：在JSP页面中，通过`<script>`标签引入FCKeditor的核心JavaScript文件，通常是`fckeditor.js`。 4. **实例化编辑器**：在JSP页面中使用JavaScript创建FCKeditor实例，指定编辑器的ID和初始HTML...