网站内容编辑器(创建一个编辑器实例CKEditor就像一个在你网页中的文本区域)

　　网站内容编辑器(创建一个编辑器实例CKEditor就像一个在你网页中的文本区域)

　　月 ъыь0430ю9 困 0430 囲ZЧШЩЪЫЬ0430ЮЯ

　　CKEditor（原FCKeditor）富文本编辑器

　　CKEditor 是著名的 FCKeditor。最近它终于发布了一个新版本。与增加版本号不同，这次完全改名，更名为CKeditor。这应该与其开发公司CKSource（波兰华沙的一家公司）的名字有关。该公司的另一个产品是 CKFinder（一个 Ajax 文件管理器）。这次为了一致性，FCK可能会改成CK，但是版本号是继承的，是CKeditor3.0版本。

　　安装 CKEditor 是一件容易的事，只需按照以下简单步骤即可完成。

　　1.到CKEditor官方下载最新版本的CKEditor网站。

　　2.将下载的文件解压到网站目录下的“ckeditor”文件夹。

　　注意：你也可以把这些文件放在你的网站的任何地方，默认是“ckeditor”。测试您的安装编辑器附带的一些简单示例网页，以验证安装结果是否可以正常工作，请检查“_samples”目录。

　　测试路径：《你的网站域名》/《CKEditor安装路径》/_samples/index.htm

　　将CKEditor 集成到您的网页中的方法有多种，以下是最常用的实现方法。

　　第 1 步：加载 CKEditor

　　CKEditor 是一个 JavaScript 应用程序，您只需要在您的网页中收录一个文件引用即可加载它。

　　如果你的网站“ckeditor”目录下已经安装了CKEditor，可以参考下面的例子：

　　“头”

　　...

　　"脚本类型="text/javascript" src="/ckeditor/ckeditor.js"" "/script"

　　“/头”

　　以上述方式加载，CKEditor JavaScript API 已经准备就绪，可以使用了。

　　第 2 步：创建编辑器实例

　　CKEditor 就像您网页中的 textarea 一样工作。它提供了一个简单且易于编写的用户界面、布局和富文本输入区域。但要达到与文本区相同的效果并不容易，需要用户输入html代码。

　　但是实际上，CKEditor 仍然使用一个文本区域来将其数据传输到服务器，而这个文本区域对用户是不可见的。因此，您必须创建和编辑一个实例，首先创建一个实例：

　　"文本区域" "/文本区域"

　　注意，如果你想加载一些数据到编辑器中，比如从数据库中读取数据，你只需要把数据放到textarea中，就像上面的例子。在此示例中，我们将文本区域命名为“editor1”。接收POST提交的数据时，服务器操作会用到这个名字。现在，要开始使用 CKEditor Javascript API，我们使用一个编辑器实例来“替换”这个普通的 textarea。为此，我们必须添加以下 JavaScript 代码：

　　"脚本类型="文本/javascript""

　　CKEDITOR.replace('editor1');

　　“/脚本”

　　上述脚本块只能收录在网页的“textarea”标签之后。你也可以在“head”标签中运行这个替换过程，但在这种情况下，你必须确保DOM已经加载，通常在window.onload事件中（此时DOM必须已经加载）：

　　"脚本类型="文本/javascript""

　　window.onload = function()

　　{

　　CKEDITOR.replace('editor1');

　　};

　　“/脚本”

　　第 3 步：保存编辑器内容数据

　　根据前面的描述，编辑器就像一个textarea，所以当一个收录编辑器实例的表单被提交时，它的数据也会非常简单地传递，使用textarea名称接收数据作为键名。比如根据上面的例子，在PHP中我们需要这样处理数据：

　　“？PHP

　　$editor_data = $_POST['editor1'];

　　客户端数据处理 一些应用程序（如ajax应用程序）需要在客户端处理所有数据，然后以自己的方式将数据发送到服务器。在这些情况下，使用 CKEditor API 就足以轻松获取编辑器实例内容。

　　推荐