用JavaScript调用FCKeditor

最新推荐文章于 2013-01-20 20:10:00 发布

原创最新推荐文章于 2013-01-20 20:10:00 发布 · 1.9k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#fckeditor #javascript #div #function #ajax

JavaScript学习手册专栏收录该内容

16 篇文章

订阅专栏

本文介绍了FCKeditor富文本编辑器的三种调用方法：内嵌方法、文本区域方法及适合Ajax的调用方法，并提供了详细的代码示例。

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

1)调用FCKeditor必须先载入FCKeditor类文件

<script type="text/javascript" src="./fckeditor/fckeditor.js"></script> <!--载入fckeditor类-->

2)三种引用方法

一：内嵌方法（推荐）
在您想要显示FCKeditor的地方创建如下代码（通常在表单里）：
<script type="text/javascript">
  var oFCKeditor = new FCKeditor('FCKeditor1');
  oFCKeditor.BasePath = "./fckeditor /";
  oFCKeditor.Create();
</script>
二：文本区域（TEXTAREA）方法
同内嵌方法一样，也必须先载入fckeditor类。但创建（显示）编辑器同内嵌方法不同，我们需要为window.onload定义一个函数。这样，函数便可以在页面加载时执行了。函数的定义代码如下所示。
<script type="text/javascript">
   window.onload = function()
   {
      var oFCKeditor = new FCKeditor( 'MyTextarea' ) ;
      oFCKeditor.BasePath = "./FCKeditor/" ;
      oFCKeditor.ReplaceTextarea() ;
}
</script>
接着，您就可以在页面中（通常在表单里）定义id为MyTextarea的文本区域（TEXTAREA）。代码如下所示：
<textarea id ="MyTextarea" name="MyTextarea" ></textarea>

三：适合于Ajax的调用方法
同理，您同样需要加载类文件。然后使用下面的代码对div元素创建（显示）编辑器。
var div = document.getElementById("myFCKeditor"); //使用getElementById方法取得myFCKeditor ID元素
var fck = new FCKeditor("myFCKeditor"); //创建fckeditor实例
div.innerHTML = fck.CreateHtml();//使用innerHTML方法，在myFCKeditor div元素里创建编辑器