欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

简洁实用的免费的 FCKEditor 编辑器(1)

程序员文章站 2022-05-20 18:50:03
...
CKEditor 功能越来越强,界面也越来越靓,但收费总是让人觉得不舒服。
网上下载了一个免费的 FCKEditor 和相关的 Java 源代码,还是改造一下来适合自己项目。
下载地址:
FCKeditor_2.6.3(客户端javascript主程序)
  http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.6.3.zip
FCKeditor.Java(支持j2ee web平台服务器端程序)
  fckeditor-java-2.4-bin.zip(执行文件)
  http://nchc.dl.sourceforge.net/sourceforge/fckeditor/fckeditor-java-2.4-bin.zip
  fckeditor-java-2.4-src.zip(源文件)
  http://nchc.dl.sourceforge.net/sourceforge/fckeditor/fckeditor-java-2.4-src.zip
  fckeditor-java-demo-2.4.war(样例)
  http://nchc.dl.sourceforge.net/sourceforge/fckeditor/fckeditor-java-demo-2.4.war
本来想在网上搜索一些资料,但是百度到的不是大而全,就是小而不精,所以自己把常用的几个修改写出来。

1、基本使用
其实它本身已经很强了,提供了很多使用地方法。本人认为更实用的一个写法:
<textarea name="content" style="display:none"></textarea>
<script type="text/javascript" src="fckeditor/fckeditor.js"></script>
<script type="text/javascript">
	// FreeMarker 语句
	var sBasePath = '${servletcontext.contextPath}/fckeditor/' ;
	// 设置名称为 content 的 textarea 对象
	var oFCKeditor = new FCKeditor( 'content' ) ;
	// 设置基本路径
	oFCKeditor.BasePath	= sBasePath ;
	// 设置工具栏,默认为显示所有
	//oFCKeditor.ToolbarSet="Basic";
	// 编辑器的高度
	oFCKeditor.Height	= 400 ;
	// 编辑器的默认内容,不建议使用。如果内容中是引号会有点小问题。
	//oFCKeditor.Value	= '' ;
	// 显示编辑器
	oFCKeditor.ReplaceTextarea() ;
</script>


2、上传功能
默认的是不能上传图片和文件的,但要实现上传功能很简单,只需要在 web.xml 配置一下
	<servlet>
		<servlet-name>connector</servlet-name>
		<servlet-class>
			net.fckeditor.connector.ConnectorServlet
		</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>

	<servlet-mapping>
		<servlet-name>connector</servlet-name>
		<url-pattern>
			/fckeditor/editor/filemanager/connectors/*
		</url-pattern>
	</servlet-mapping>


在 classpath 路径上创建 fckeditor.properties (在src文件夹下创建)

connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl 
 

真的很方便,其实到这里已经可以正常使用了。可以满足常用的要求了。

待续。。。