ckeditor中文文档——开发者文档（2）整合

有几种方式整合CKEditor到你的页面中，这个页面提供了几种实现的方式。

 

CKEditor 是一个JavaScript的应用程序，为了装载它，你只需要包含一个单独的文件引用到你的页面中。假设你已经安装了CKEditor在你网站的

根目录下，这里有个例子：

1

< head >

2

...

3	< script type = "text/javascript" src = "/ckeditor/ckeditor.js" ></ script >

4

</ head >

 

通过上面的文件装载，CKEditor JavaScript API就可以使用了。















注意














：必须确保使用原始文件名("ckeditor.js")，来把js包含在你的页面中，如果你想用别的文件名替代，或者想把CKEditor脚本合并在另外一个















JavaScript文件，请查看 Specifying the Editor Path














 。

步骤2: 创建一个Editor实例

CKEditor就像你页面中的textarea那样工作。编辑器提供了一个易用的，格式化的富文本用户界面，同样的事情也可使用textarea做到，只不过没有那么简单而已。使用textarea，就需要用户输入HTML代码了。

然而，事实是CKEditor使用textarea来转化数据以提供给服务器，textarea对于用户来说是不可见的。所以，讽刺的是，为了创建一个Editor，你必须首先创建一个textarea：

view source

print ?

1	< textarea name = "editor1" >< p >Initial value.</ p ></ textarea >

 

注意到了吧，你想装载数据到editor中，，比如从数据库中装载。只需要把数据装入这个textarea中。就像上面的代码。

在这个例子中，我们把textarea命名为“editor1”，这个名字以后可以在以posted方式提交数据的时候在服务器使用。

现在，使用CKEditor JavaScript API。我们把textarea“替换”成我们的editor实例，需要使用下面的一段JavaScript代码

view source

print ?

1	<script type= "text/javascript" >

2	CKEDITOR.replace( 'editor1' );

3

</script>