FckEditor帮助文档
FckEditor的调用:
方法一:直接用JavaScript调用:
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
</head>
<body>
This is my HTML page. <br>
<script type="text/javascript">
var fckeditor=new FCKeditor('FCKEditor1');//设置编辑器的名字
fckeditor.BasePath="/test/fckeditor/";//这只编辑器的基准路径
fckeditor.Create();//创建并且输出一个编辑器
</script>
方法二:用一个textarea代替,并且在head中加入如下代码:
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
window.οnlοad=function()
{
var fckeditor=new FCKeditor('mytextarea');
fckeditor.BasePath="fckeditor/";//相对路径,相对于当前页面
fckeditor.ToolbarSet="myself";
fckeditor.Width="70%";
fckeditor.ReplaceTextarea();
document.all.mytextarea.value="";
}
</script>
然后body里加入:
<textarea rows="8" cols="60" name="mytextarea"></textarea><br>
方法三:用FCK标签调用:
首先引入jar包,然后在jsp页面中加入如下内容:
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>
<FCK:editor instanceName="myeditor" value="刘广清欢迎您!" height="400"></FCK:editor>
</body>
注意:
BasePath的设置,BasePath一定要以’/’结尾
FckEditor对象的属性:
FckEditor构造器:
使用配置文件配置FckEditor:
新建一个配置文件:myconfig.js文件
在主配置文件中配置:
FCKConfig.CustomConfigurationsPath = '/test/myconfig.js' ;
指定配置文件:
一般修要修改的配置:
修改表情窗口设成由滚动条:
//dialog.SetAutoSize( true ) ;
<body style="overflow: auto">
FckEditor中的中文问题:
解决上传的中文问题:
修改co.qing.bbs.fckeditor. ConnectorServlet.java
设置:upload.setHeaderEncoding("utf-8");
解决显示图片的中文问题:
方法一:
在Tomcat配置文件中加入如下内容(不建议使用,因为这样会修改其他其他地方的编码):
<Connector port="8080" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" enableLookups="false" redirectPort="8443" acceptCount="100" debug="0" connectionTimeout="20000" disableUploadTimeout="true" URIEncoding="UTF-8"/>
方法二:
将co.qing.bbs.fckeditor. ConnectorServlet.java中的filename改为UUID编码:
filename= UUID.randomUUID().toString()+"."+extension;
提交后FckEditor内容中的中文问题:
<%request.setCharacterEncoding("utf-8"); %>
${param.mytextarea }
获得项目的路径:${pageContext.request.contextPath}
将FckEditor应用到开发中:
首先导入js文件
<script type="text/javascript" src="${pageContext.request.contextPath}/fckeditor.js"></script>
fckeditor.BasePath="fckeditor/";//相对路径,相对于当前页面
fckeditor.BasePath="${pageContext.request.contextPath}/fckeditor/";//绝对路径相对于整个项目
去掉浏览服务器功能:
然后将页面里的
<!--
<input id="btnBrowse" οnclick="BrowseServer();" type="button" value="Browse Server" fcklang="DlgBtnBrowseServer" />
-->
注释掉就可以了