一、CKEditor4安装
安装CKEditor 是很容易的【de】。选择合适的过【guò】程(新安装【zhuāng】或升级【jí】),按下面描述的步【bù】骤安装。
1、新安装
第一次安装CKEditor,按如下方式进行:
1) 从【cóng】CKEditor 网站:http://ckeditor.com/download下载最新版【bǎn】本【běn】的CKEditor 。
2) 将【jiāng】下载的文档解压到你的website根目【mù】录下【xià】的ckeditor 目录中。你可【kě】以【yǐ】将文档放【fàng】在你的website的任意路【lù】径【jìng】中。ckeditor 目录是缺【quē】省目录。
2、升级
要升级现有的CKEditor 安装【zhuāng】,按如下方【fāng】式进行【háng】:
1) 将你【nǐ】的旧编辑【jí】文件夹更名为备份文件【jiàn】夹,如【rú】ckeditor_old。
2) 从CKEditor 网站:http://ckeditor.com/download下【xià】载最【zuì】新版本【běn】的CKEditor 。
3) 将下载的文【wén】档解【jiě】压到【dào】原编辑器的目录【lù】,如ckeditor。
4) 将你【nǐ】已【yǐ】做【zuò】过更改的配置文件从备份目录复【fù】制到其新目录的相应位置。这【zhè】些配【pèi】置文件
可能包括(但不限于)下列文件:
oconfig.js ,
contents.css ,
styles.js
3、验证安装
CKEditor 带有样【yàng】例页面,可以用【yòng】于验证安【ān】装是否正常。为了查看编【biān】辑【jí】器【qì】是否工作【zuò】,看一下样例目录【lù】。
要检查安装,在你的站点中调用下面的页面:
http://
例如:http://www.example.com/ckeditor/samples/index.html
二、集成
1、加载CKEditor
CKEditor 是JavaScript应用程序。要加载它,需要在页面中包【bāo】含一个简单的文件引用。如果【guǒ】已【yǐ】在站点【diǎn】根目录【lù】下的ckeditor目录中安装了CKEditor ,你需【xū】要【yào】将下【xià】面的代码片【piàn】段插【chā】入到【dào】页面的【de】部分:
<head> ...<script src="/ckeditor/ckeditor.js"></script></head>
当上述文件【jiàn】加载后,就可以使【shǐ】用CKEditor JavaScript API。
当将CKEditor加入到web页面时【shí】,使用原始的文件名(ckeditor.js)。如【rú】果想使用不同的文【wén】件【jiàn】名,或者甚至想将CKEditor合并到另外【wài】一个JavaScript文件【jiàn】中,请先参【cān】考开发人员指南中的 Specifying the Editor Path部分【fèn】。
生成编辑器
现在【zài】已经可以在页面【miàn】中【zhōng】使用 CKEditor JavaScript API了【le】,可以使用它生成编辑【jí】器。为此,有两种可【kě】用的选【xuǎn】项:
1、框架式编辑(Framed Editing)
最常用的使用【yòng】方式,通常【cháng】的表【biǎo】现形式是在【zài】页面中指定【dìng】 位置放置工具栏和编辑区。
2、内联式编辑(Inline Editing)
用于看起【qǐ】来像最终【zhōng】的页【yè】面中。通过HTML5的contenteditable(内容【róng】可编辑【jí】的)属性,可以将编辑【jí】直【zhí】接【jiē】应用于【yú】HTML元素上。 点击你偏爱的选项获得【dé】更多信息。
3、框架式【shì】编辑(Framed Editing)
框架式编【biān】辑是使用 CKEditor最常【cháng】用【yòng】的方【fāng】式。它通常的【de】表现形式是在【zài】页【yè】面中指定位置放置工【gōng】具栏和编辑区。
在加载 CKEditor的脚【jiǎo】本后,就可以准备【bèi】生【shēng】成【chéng】编辑器了。
2、生成框架式编辑式
在框架式编【biān】辑时【shí】,CKEditor 的工作就像【xiàng】页【yè】面中的文【wén】本域元【yuán】素。编辑器提供了【le】用户界面,可以容易在编写、格【gé】式化,并可与富【fù】文本一起处理,但【dàn】是可【kě】以用
版权所有:深圳市网商在线科技有限公司
友情链接: