贴心的可用性设计CKEditor 的可用性设计遵循了普通桌面应用的惯例，因此用户的使用体验与操作习惯与其他桌面应用非常的接近。它还支持键盘操作，就是在没有鼠标的情况下，用户也可以不受任何限制的加以使用。另外，CKEditor 还提供了上下文菜单，任何时候只要右键点击，CKEditor 便会将与当前使用情景相关的菜单项呈现出来。如果使用过程中出现了误操作，还可以选择“撤销”功能，将当前文本恢复到误操作之前的状态。
CKEditor 也支持拼写检查。不同之处在于，它是目前唯一一款不用任何附加安装就能支持拼写检查的 Web 编辑器。它采用了 SpellCheckr.net 提供的拼写检查服务，因而服务器端无需任何额外的安装。
最后，CKEditor 还兼容像 W3C WCAG 和 US Section 508 这样的国际易用性标准，所以残障用户也可以利用屏幕阅读器来使用它。
定制扩展作为一款高级的 Web 文本编辑器，CKEditor 提供了一套丰富而强大的 JavaScript API，利用它开发人员可以在运行时与编辑器进行交互，从而对编辑内容进行控制，并在原有编辑器的基础之上扩展出特定于自己应用需求的新功能。
由于 CKEditor 的整体架构是构建在灵活的插件机制之上的，因此我们可以将特定的自定义功能独立于编辑器核心代码之外。实际上，包括许多 CKEditor 已有的预置功能，都是利用插件形式开发出来的。因为不同的插件位于各自的文件中，所以管理和维护都很方便。开发人员也可以根据需要开发属于自己的插件。
此外，为了方便定制工作，CKEditor 还为我们提供了一个详尽的配置文件，利用它我们可以对 CKEditor 的各个方面进行灵活的定制，比如：编辑器的行为，界面风格样式，编辑内容的 HTML 输出，等等。
有了上述这些手段，我们可以很方便的从工具栏，主题风格，对话框，上下文菜单，直至数据解析等，对 CKEditor 实施全方位的随需定制。
新手上路接下来，我们用一些简单的例子为读者展示 CKEditor 的基本使用。
环境的准备我们将从 CKEditor 的官方网站下载的开发包解压，与其他必要的 Web 文件如 HTML、CSS，JavaScript 等放在一起。示例代码的文件布局如图 6 所示。
图 6. 文件布局 在图中，我们将 CKEditor 的全部程序文件放在 js/ckeditor 中。目录 js/ 还存放了其他需要的，包括我们自己编写的 JavaScript。
CKEditor 的基本使用CKEditor 的使用非常容易。只需要很少的代码就可以在页面中载入一个完整功能的编辑器。使用您喜欢的任何文本编辑器，编辑如下内容，将其存放在与目录 js/ 平级的目录中。
清单 1. 加载编辑器的基本代码1
2
3
4
5
6
7
8
| <html>
<head>
<script type="text/javascript" src="js/ckeditor/ckeditor.js"></script>
</head>
<body onload="">
<textarea id="editor1" class="ckeditor">Sample Text</textarea>
</body>
</html>
|
在浏览器中的运行效果见图 7。
图 7. 完整的 CKEditor 在上面的代码中，语句 <scripttype="text/javascript"src="js/ckeditor/ckeditor.js"></script>载入完整的 CKEditor 执行代码。 |
