PHPCMS有哪些编辑器

发布时间：2020-08-03 10:59:17 作者：Leah
来源：亿速云阅读：157

本篇文章给大家分享的是有关PHPCMS有哪些编辑器，小编觉得挺实用的，因此分享给大家学习，希望大家阅读完这篇文章后可以有所收获，话不多说，跟着小编一起来看看吧。

PHPCMS用的是CKEditor编辑器，CKEditor是新一代的FCKeditor，是一个重新开发的版本，该编辑器是全球最优秀的网页在线文字编辑器之一，因其惊人的性能与可扩展性而广泛的被运用于各大网站。

集成 CKEditor

有若干个方式能将CKEditor集成到你的网页中，在这里介绍最常用的实现方法。

第一步：载入CKEditor

CKEditor 是一个JavaScript 应用程序，你只需要在你的网页中包含一个文件引用就能加载它。

如果你已经将CKEditor安装在了你网站的“ckeditor”目录，你可参照如下示例：

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

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

第二步：创建一个编辑器实例

CKEditor就像一个在你网页中的文本区域（textarea）一样工作，它提供了一个简单易写的用户界面、版式和丰富的文字输入区域。但用文本区域要实现同样的效果，并不容易，它需要用户输入html代码。

但是，实际上，CKEditor仍然是使用一个文本区域来传递它的数据到服务器上，这个文本区域对使用者来说是不可见的。所以，你必需创建并编辑一个实例,首先创建一个实例：

<textarea id="editor1"></textarea>

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

<script type="text/javascript">
CKEDITOR.replace( 'editor1' );
</script>

上面的脚本块只能包含在网页的<textarea>标签之后。也可以在<head>标签内运行这个替换过程，但是在这种情况下，你必须确定DOM已经载入完毕，通常可以写在window.onload事件里面（这时DOM肯定已经载入完毕啦）：

<script type="text/javascript">
window.onload = function()
{
CKEDITOR.replace( 'editor1' );
};
</script>

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

按照先前的描述，编辑器正如一个文本区域（textarea）一样工作，所以，当提交一个包含一个编辑器实例的表单时，他的数据也将是很简单的传递，用文本区域（textarea）的名称作为健名来接收数据。举个例子，按照上面的例子，在PHP中我们需要像这样来处理数据：

<?php
$editor_data = $_POST[ 'editor1' ];
?>

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

<script type="text/javascript">
var editor_data = CKEDITOR.instances.editor1.getData();
</script>

以上就是PHPCMS有哪些编辑器，小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注亿速云行业资讯频道。

PHPCMS有哪些编辑器

相关阅读