JSP页面中使用FCKeditor控件的方式

本篇内容介绍了“JSP页面中使用FCKeditor控件的方式”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

成都创新互联沟通电话:18982081108,为您提供成都网站建设网页设计及定制高端网站建设服务,成都创新互联网页制作领域10多年,包括集装箱等多个领域拥有多年的网站营销经验,选择成都创新互联,为网站保驾护航!

FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。

FCKeditor控件请到官方网站下载http://www.fckeditor.net,本例主要用到FCKeditor_2.6.3.zip、fckeditor-java-demo-2.4.1.zip、fckeditor-java-2.4.1-bin.zip里面的一些内容,读者可以自行下载。

1. 解开压缩包FCKeditor_2.6.3.zip,将其中的fckeditor文件夹复制到WEB-INF下面,后面可以直接使用。

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";
//默认是default
oFCKeditor.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>

效果如下图:

JSP页面中使用FCKeditor控件的方式

“JSP页面中使用FCKeditor控件的方式”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注创新互联网站,小编将为大家输出更多高质量的实用文章!


网站题目:JSP页面中使用FCKeditor控件的方式
新闻来源:http://pwwzsj.com/article/gjosoo.html