Sivo 悉见

No.2 CKEditor下载及安装

匿名 · 更新于 2026/8/28

第一步、下载CKEditor可以登陆CKEditor官方网站 http://ckeditor.com/  ,或者直接下载:CKEditor 4.2.2 标准版下载

第二步、单击Download图标,进入下载页面

第三步、进入下载页面后,可以看到有三个版本,分别是精简版、标准版、完整版,选择任意版本,开始下载,在这里我们选择标准版

第四步、下载完成后将其解压

第五步、将ckeditor文件夹剪切到网站根目录下的include文件夹中(此处仅作测试用,实际操作中,大家可以按照实际情况选择ckeditor存放目录)

第六步、在网站根目录下创建一个测试ckeditor的文件testckeditor.html,文件源码如下:

-------------------------以下是xhtml代码区域---------------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>测试CKEditor</title>

<!--导入ckeditor.js文件-->

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

</head>

<body>


<!--创建ckeditor编辑器-->

<div id="editor1"></div>

<script type="text/javascript">

CKEDITOR.replace( 'editor1', {});

</script>

</body>

</html>

-------------------------以上是xhtml代码区域---------------------------

第七步、打开浏览器,查看testckeditor.html,显示如下图,说明CKEditor已经下载安装成功了,具体的配置方法,请看后续文档