首页 >CMS教程 >PHPCMS >PHPCMS 用的是哪个编辑器?

PHPCMS 用的是哪个编辑器?

Guanhui
Guanhui原创
2020-06-19 17:34:022902浏览

PHPCMS 用的是哪个编辑器?

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( &#39;editor1&#39; );
</script>

上面的脚本块只能包含在网页的4750256ae76b6b9d804861d8f69e79d3标签之后。也可以在93f0f5c25f18dab9d176bd4f6de5d30e标签内运行这个替换过程,但是在这种情况下,你必须确定DOM已经载入完毕,通常可以写在window.onload事件里面(这时DOM肯定已经载入完毕啦):

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

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

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

<?php
$editor_data = $_POST[ &#39;editor1&#39; ];
?>

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

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

推荐教程:《PHPCMS教程

以上是PHPCMS 用的是哪个编辑器?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn