`
sktoo
  • 浏览: 76952 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

fckeditor - (2)集成

fckeditorJavaScriptWebJSPTomcat 
阅读更多


集成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 - (4)文件上传
评论
1 楼 sktoo 2008-10-11  
有错误，已更新
发表评论

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

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics