上一章讲解了利用CKEditor实现了一个简单的列表功能的查询，CKEditor编辑器是由js实现的，js是一门非常强大的语法，但是要用它实现Vs开发工具那样强大编辑器的功能，估计不可能，这就使得CKEditor实现简单增删改查还可以，如果要实现复杂功能和样式展示效果会很难，所以我利用vs开发工具的集成组件，将CKEditor的开发与vs开发可以无缝对接，实现复杂的功能我们可以拷贝下来，放置vs开发工具中，然后编码实现各种功能。

Vs开发工具集成组件，首先去网站下载WebControlLibrary.dll然后添加到vs工具箱，如下图：

与CKEditor的工具条控件对应，如下图

下面是利用vs开发工具开发一个列表页面动态图：

在vs工具中，新建一个页面，然后拖拽对应控件，编码，完成后复制到CKEditor在线编码界面点击确定，然后点击预览就可以进行预览，进行最终的展示效果。反之也可以从CKEditor编辑器中将代码复制到vs开发页面中，然后进行编码，从而实现各种功能。

不知道大家有没有看出来，这里的控件属性设置页面都是网页，这样设置的好处有：

（1）和CKEditor编辑器控件操作保持了一致，减少了对控件属性熟悉的时间。

（2）可以不用连接数据库，只要能连接网络，有安装vs开发工具就可以进行本地开发，然后复制到CKEditor编辑器中，即可以实现在线Web开发。

（3）这里的控件属性页面可以一次性设置控件所有的属性，而不像vs其他组件一样需要分别每个属性去设置。

（4）网页版控件设置属性可以最大化支持属性提醒和自动化完成。