fckeditor - 集成(2) -

eric.zhang

浏览: 127355 次
性别:
来自: 上海

最近访客更多访客>>

xiaochuan_hn

lodestarxl

2017年5月8

kliu001

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

fckeditor - 集成(2)

博客分类：

fckeditor

fckeditor

来自： http://sktoo.iteye.com
集成javascript步骤

参考文档：http://docs.fckeditor.net/FCKeditor_2.x/Developers_Guide/Integration/JavaScript

1.将JavaScript集成模块脚本放入<head>标签中

<script type="text/javascript" src="fckeditor/fckeditor.js"></script>

2.创建fckeditor
方法一：（内联）
在<body>标签适当位置放入如下代码（通常放在标签中）

<script> 
var oFCKeditor = new FCKeditor('FCKeditor1');
oFCKeditor.BasePath = "fckeditor/"; 
oFCKeditor.Create(); 
</script>

方法二：（替代<textarea>）
在<head>标签中添加onload方法

<script> 
window.onload = function() 
{ 
var oFCKeditor = new FCKeditor( 'MyTextarea' ) ; 
oFCKeditor.BasePath = "fckeditor/" ; 
oFCKeditor.ReplaceTextarea() ; 
} 
</script>

在<body>标签中添加以下代码

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

方法三：（动态生成）

在<head>标签中定义 createFckeditor()方法

<script> 
function createFckeditor()
{ 
var div = document.getElementById("myFCKeditorDiv"); 
var fck = new FCKeditor("myFCKeditor"); 
fck.BasePath = "fckeditor/" ; 
div.innerHTML = fck.CreateHtml(); 
} 
</script>

在中div中动态显示fckeditor

<a href="javascript:void(0);" onclick="createFckeditor();"> 动态创建fckeditor </a> 
<div id="myFCKeditorDiv"> </div>

fckeditor对象属性

属性名	描述	默认值
Width	宽度	100%
Height	高度	200
Value	编辑器初始化内容	空字符串
ToolbarSet	工具条集合的名称(Default，Basic，或自定义)	Default
BathPath	编辑器的基路径,BasePath要正确设置，以“/”结尾	/fckeditor

例如：

var oFCKeditor = new FCKeditor( 'MyFckeditor' ) ;
oFCKeditor.BasePath = "fckeditor/" ;
oFCKeditor.Width="80%";
oFCKeditor.Height="200";
oFCKeditor.Value="ok";
oFCKeditor.ToolbarSet="Basic";
fckeditor构造器

var fckeditor=function(instanceName,width,height,toolbarSet,value) ; instanceName:编辑器输出的textarea元素的name属性或id属性的值，必须指定
其他参数会赋给同名属性

例如:

var oFCKeditor = new FCKeditor( 'MyFckeditor' ,'80%','300','Basic','ok') ;

集成java步骤

1.载入jar包

将fckeditor-java-demo-2.4.war放入运行中的tomcat安装目录下的webapps文件夹中让其解压，从解压后的fckeditor-java-demo-2.4\WEB-INF\lib下拷贝所有的jar文件，加入web工程的classpath中（可以拷贝到WebRoot\WEB-INF\lib文件夹下）
jar文件包括：

fckeditor-java-core-2.4.jar
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
slf4j-api-1.5.2.jar
slf4j-simple-1.5.2.jar

2.在jsp页面中加入tablib指令和fck标签
参看fckeditor-java-core-2.4.jar/META-INF/FCKeditor.tld

<short-name>FCK</short-name>
<uri>http://java.fckeditor.net</uri>在jsp页面中加入tablib指令

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%> 在<body>中加入自定义标签

<FCK:editor instanceName="fck1" basePath="/fckeditor" value=" "></FCK:editor>注意：basePath以"/"开头代表工程的根路径而非web服务器的根路径，一定要指定value属性，而且值不能为空字符串"",否则会抛NullPointException。

分享到：

fckeditor - 配置(3) | fckeditor -资料介绍与安装 (1)

2011-07-01 13:44
浏览 1207
评论(0)
分类:Web前端
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

fckeditor - 集成(2)

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

fckeditor - 集成(2)

评论

发表评论

相关推荐

fckeditor - 文件上传(4)

fckeditor - 配置(3)

fckeditor -资料介绍与安装 (1)

最近访客更多访客>>