FCKEditor Demo

最新推荐文章于 2021-04-15 17:53:05 发布

原创最新推荐文章于 2021-04-15 17:53:05 发布 · 213 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#fckeditor #JavaScript #CSS #.net #ViewUI

J2EE 专栏收录该内容

95 篇文章

订阅专栏

本文介绍如何集成FCKEditor富文本编辑器，包括下载官方包、导入必要文件及页面引用方法。通过简单的步骤，即可在项目中使用FCKEditor实现强大的富文本编辑功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

FCKEditor 的官方下载:

http://sourceforge.net/projects/fckeditor/

2.6版本的一个简单示例,下载地址:http://download.youkuaiyun.com/source/2800336(PS:不是我不想在JAVAEYE直接上传,但上传两次都没成功,故改优快云)

主要开发步骤:

1.下载官方包

2.导入对于开发语言需要的一些文件

3.页面引用,如

    <!-- FCKEditor -->
	<link href="<%=basePath %>fckeditor/_samples/sample.css" rel="stylesheet" type="text/css" />
	<script type="text/javascript" src="<%=basePath %>fckeditor/fckeditor.js"></script>
	<script type="text/javascript">
	window.onload = function(){
	//var sBasePath = document.location.href.substring(0,document.location.href.lastIndexOf('_samples')) ;
	var sBasePath = "<%=basePath %>fckeditor/";
	//alert(sBasePath);
	var oFCKeditor = new FCKeditor( 'contents' ) ;
	oFCKeditor.BasePath	= sBasePath ;
	oFCKeditor.ReplaceTextarea() ;
}

	</script>
	<!-- end of FCKEditor -->

4：修改原来的textarea代码:

<textarea name="contents" rows="10" cols="80" style="width: 100%; height: 200px">input something here ...</textarea>

需要注意的就是,textarea的名字和JS中构造的FCKeditor的名字相同