请同学们先浏览PPT,这是一个任务点哈！完成后有惊喜哟！
在线编辑器是指用于在线编辑的工具，编辑的内容是基于HTML的文档。Web在线编辑器可用于在线编辑HTML的文档，因此，它经常被用于留言板留言、论坛发贴、Blog编写日志、文章发布等需要用户输入普通HTML的地方。
目前Web在线编辑器有很多，比较常用的有如下几个。
（1）CKEditor：一款功能强大的开源在线文本编辑器。在同类产品之中，CKEditor 的使用最为广泛，社区最为活跃，一直拥有良好的口碑。
（2）TinyMCE：TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。最重要的是，TinyMCE是一个根据LGPL license发布的自由软件，你可以把它用于商业应用。
（3）YUI Editor：YUI Editor 是雅虎的 YUI 包中的一个可视化HTML编辑器组件。
（4）eWebEditor：在功能上非常强大，支持再上传doc，不免费。
（5）Free Rich Text Editor：这是非常容易部署的在线编辑器，输出XHTML代码，功能丰富。
CKEditor 是一款功能强大的开源在线文本编辑器。它所见即所得的特点，使你在编辑时所看到的内容和格式，能够与发布后看到的效果完全一致。CKEditor 完全是基于 JavaScript 开发的，因此不必在客户端进行任何安装，并且兼容各大主流浏览器。CKEditor 的前身是 FCKEditor，目前，有很多公司都在使用 CKEditor 作为 Web 编辑的解决方案。
1.CKEditor的使用过程
（1）下载CKEditor。在CKEditor官方网站网址http://ckeditor.com/download（见图9-11）下载CKEditor for Java。本例下载最新版本ckeditor_4.11.4_standard.zip。
2）将ckeditor文件夹复制到指定位置。
（3）加载CKEditor。CKEditor 是JavaScript应用程序。要加载它，需要在页面中包含一个简单的文件引用。如果已在站点根目录下的ckeditor目录中安装了CKEditor ，你需要将下面的代码片段插入到页面的<head>部分：
<head> ...
<script src="/ckeditor/ckeditor.js"></script>
</head>
（4）使用CKEditor。这里我们采用两种方式，一种方式是使用class方式实现，即在使用编辑器的地方插入HTML控件<textarea>，并将其class值设为ckeditor。比如：<textareaid="TextArea1" cols="20" rows="2"class="ckeditor"></textarea>另一种方式是使用JS替换，将相应的控件替换成编辑器代码 。比如：
<scripttype="text/javas cript">
CKEDITOR.replace('TextArea1');
</script>
