KindEditor在网站开发中的应用研究.docVIP

KindEditor在网站开发中的应用研究 　　摘 要： KindEditor是一套开源的在线HTML编辑器，网站开发人员可以用KindEditor把传统的多行文本输入框替换为可视化的富文本输入框，从而让网站用户获得所见即所得编辑效果。KindEditor功能齐全，使用简单，具有很强的可扩展性，而且能够兼容各种主流浏览器。KindEditor可用于动态网站和精品课程开发制作中，利用KindEditor的富媒体性，可轻松实现文本编辑以及视频、音频、图片和附件等资料的上传管理。 　　关键词： KindEditor； 富文本； 动态网站； 精品课程 　　中图分类号：TP37 文献标志码：A 文章编号：1006-8228（2015）09-45-02 　　Study on application of KindEditor in Web site development 　　Wu Daiwen 　　（College of Media Engineering， Weinan Normal University， Weinan， Shanxi 714000， China） 　　Abstract： Kindeditor is an open source online HTML editor， Web developers can use KindEditor to replace the traditional multi-line text input box with the visualized rich text input box， so that the site users get the wysiwyg editing effect. KindEditor features complete， easy to use， with a strong scalability， and can be compatible with all kinds of mainstream browsers. Kindeditor can be used to develop the dynamic Web-sites and the excellent courses， using the rich media features of kindeditor， the text editing and the upload management for video， audio， images and accessories can be easily realized. 　　Key words： KindEditor； rich text； dynamic Web-sites； excellent courses 　　0 引言 　　目前，Internet上各类中小型网站如雨后春笋般涌现，这些网站通常都是动态网站，动态网站通常都会有一个简单的网站后台管理系统。后台管理功能通常有新闻发布，产品发布和商品添加等。而要方便快捷地实现这些功能，通常需要一个在线HTML编辑器。常用的在线HTML编辑器有KindEditor、TinyMCE、FCKEditor、CuteEditor和eWebEditor等。本文以使用最为广泛的KindEditor为例，探讨在线HTML编辑器在网站开发中的应用。 　　KindEditor是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用KindEditor把传统的多行文本输入框（textarea）替换为可视化的富文本输入框[1]。 　　1 KindEditor在网站中的使用 　　要在动态网页（如asp网页）中使用KindEditor在线HTML编辑器，需要经过以下几个步骤。 　　⑴ 到http：///网站下载KindEditor在线HTML编辑器。将下载的压缩包解压后如图1所示。KindEditor目前支持asp、jsp、和jsp等动态网页技术，因此可以在这四种动态网页中集成KindEditor在线HTML编辑器。 　　⑶ 在网页的表单中设计一个多行文本输入框，这里注意要将多行文本输入框的visibility属性设置为“hidden”，多行文本框代码如下[3]： 　　多行文本输入框的name属性值（Description）应该出现在步骤⑵的以下代码行中。 　　这样设置的目的是用KindEditor富文本输入框取代传统的多行文本输入框，传统多行文本输入框如图2所示。 　　经过上述设置后，传统多行文本输入框将会变成一个富文本输入框。如图3所示。 　　比较图2和图3就可以看出，图3的富文本输入框比图2的传统多行文本输入框多了很多实用的工具，这