1. 解开压缩包FCKeditor_2.6.3.zip,将其中的fckeditor文件夹复制到WebRoot下面,后面可以直接使用。
2. 在页面中使用FCKeditor有两种方式。
方式一:JavaScript的方式
(1)直接使用,见method1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="fckeditor/fckeditor.js">
</script>
</head>
<body>方法一:通过JavaScript来实现的实现编辑器导入<br>
<script type="text/javascript">var oFCKeditor = new
FCKeditor('FCKeditor1') ;oFCKeditor.BasePath = "fckeditor/";//oFCKeditor.BasePath =
"/FCKEditTest/fckeditor/";
oFCKeditor.Width="50%";
oFCKeditor.Height="400";
oFCKeditor.Value="initial value";//oFCKeditor.ToolbarSet="Basic";//默认是defaultoFCKeditor.ToolbarSet="Default";
oFCKeditor.Create() ;
</script>
<hr>
</body>
</html>
(2)通过Textarea,祥见method2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="fckeditor/fckeditor.js">
</script>
<script type="text/javascript">
window.onload=function(){
var oFCKeditor = new FCKeditor('MyTextarea') ;
oFCKeditor.BasePath = "fckeditor/";//oFCKeditor.BasePath =
"/FCKEditTest/fckeditor/";oFCKeditor.ReplaceTextarea();
}
</script>
</head>
<body>
方法二:通过Textarea来实现的实现编辑器导入<br>
<textarea rows="4" cols="60" name="MyTextarea">this is a value</textarea>
</body>
</html>
方式二:在标签使用FCKeditor
在使用标签之前,需要搭建环境。将fckeditor-java-2.4.1-bin.zip包中的fckeditor-java-core-2.4.1.jar、commons-
fileupload-1.2.1.jar、commons-io-1.3.2.jar、slf4j-api-1.5.2.jar以及包fckeditor-java-demo-2.4.1.zip中的slf4j-
simple-1.5.2.jar复制到lib目录下,并构建环境。
构建完后,就可以在JSP页面中进行使用。祥见页面method_jsp.jsp
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>
method_jsp.jsp</title>
</head>
<body> 早些版本必需将fckeditor的Value属性必需指定对应的值,且值不能为空。而此处版本是2.6.3,该问题已经解决。
<FCK:editor instanceName="myEditor" basePath="/fckeditor"></FCK:editor>
</body>
</html>
分享到:
相关推荐
FCKEditor使用帮助文档。FCKEditor使用帮助文档。FCKEditor使用帮助文档。FCKEditor使用帮助文档。
asp.net文本编辑器FCKeditor使用方法详解
fckeditor使用手册 fckeditor使用手册
网络上有很多FCKeditor的用法,大多数是互相抄袭,或者...但是这个FCKeditor使用方法详解--图文详解讲解的非常清楚,关键还是附带图片,让人一看就一目了然,很容易看懂。另外还收录了fckeditor的瘦身。很全面的哦--
html编辑器FCKeditor使用详解,手把手教你如何使用FCKeditor.
FCKeditor使用方法技术详解。 FCKeditor是目前最优秀的可见即可得网页编辑器,本文详细介绍其安装,使用FCKEditor的各项功能,常用设置,配置方法; 另外还提供了FCKEditor API,精简FCKEditor文件控件大小的方法。
FCKeditor使用详解
FCKEditor使用说明英文 java字体编辑器的英文配置说明
FCKeditor使用方法详解.doc
asp.net文本编辑器FCKeditor使用方法详解.doc
FCKEditor使用详解 本文介绍FCKeditor在Java环境下的使用方法。
FCKeditor使用方法技术详解.doc
fckeditor使用说明书中文版fckeditor使用说明书中文版
fckeditor使用及常见问题。包含javaWeb中使用fckeditor需要使用的文件和类库,还包含一个完整的fckeditor web示例程序
Fckeditor使用技巧.docFckeditor使用技巧.docFckeditor使用技巧.doc
FCKEditor使用范例希望对你有所帮助