ckeditor中文文档——开发者文档(2)整合

本文介绍如何将CKEditor富文本编辑器整合到网页中。通过简单的两步操作:加载CKEditor JavaScript文件并创建文本区域,即可实现强大的富文本编辑功能。

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

有几种方式整合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:

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

 

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

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

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

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



























评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值