FCKeditor应用笔记

guodongbingtuan

浏览: 40682 次
性别:
来自: 山西

最近访客更多访客>>

gxpcw

kingkwj

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

java

fckeditor JavaScript Ajax HTML JSP

1．下载

官网：www.fckeditor.net

Zip包：FCKeditor_2.6.4.zip，fckeditor-java-2.4.1-bin.zip，fckeditor-java-2.4.1-src.zip

2．安装使用

l 将FCKeditor_2.6.4.zip的解压文件放入project的webroot/

l Index.jsp的<head></head>中写入<script type="text/javascript" src="fckeditor/fckeditor.js"></script>

l js引用方法(三种)

M1. form表单中直接引用

var oFCKeditor = new FCKeditor('FCKeditor1');

oFCKeditor.BasePath = "/fckeditor/"; //注意修改路径

oFCKeditor.Create();

</script>

M2. 替换表单中的textarea元素

Head中写function()

window.onload = function()

{

var oFCKeditor = new FCKeditor( 'MyTextarea' );

oFCKeditor.BasePath = "/fckeditor/";

oFCKeditor.ReplaceTextarea();

}

</script>

Body中加入textarea

<textarea id="MyTextarea" name="MyTextarea">This is the initial value.</textarea>

M3. ajax动态生成

var div = document.getElementById("myFCKeditor");

var fck = new FCKeditor("myFCKeditor");

div.innerHTML = fck.CreateHtml();

3．取值

M1. String FCKcontent = request.getParameter(“FCKeditor1”);

4． Sample code

Style1.

<html>

<head>

<title>FCKeditor - Sample</title>

</head>

<body>

<form>

var oFCKeditor = new FCKeditor('FCKeditor1');

oFCKeditor.BasePath = "/fckeditor/";

oFCKeditor.Create();

</script>

</form>

</body>

</html>

Style2.

<html>

<head>

<title>FCKeditor - Sample</title>

window.onload = function()

{

var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;

oFCKeditor.BasePath = "/fckeditor/" ;

oFCKeditor.ReplaceTextarea() ;

}

</script>

</head>

<body>

<textarea id="MyTextarea" name="MyTextarea">This is <b>the</b> initial value.</textarea>

</body>

</html>

分享到：

Tomcat6.0+mysql+jdk1.6.0 jndi连接池的配 ... | 7 words

2009-05-12 18:07
浏览 810
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论