现在的位置: 首页 > 综合 > 正文

如何在项目中使用FckEditor在线编辑器

2014年02月19日 ⁄ 综合 ⁄ 共 2262字 ⁄ 字号 评论关闭

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.onload=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" onclick="BrowseServer();" type="button" value="Browse Server" fcklang="DlgBtnBrowseServer" />

-->

注释掉就可以了

抱歉!评论已关闭.