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已经下载安装成功了,具体的配置方法,请看后续文档

