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

KindEditor在Web开发中的应用研究 摘要：KindEditor是一套开源的在线HTML编辑器，网站开发人员可以用KindEditor把传统的多行文本输入框替换为可视化的富文本输入框，从而让网站用户获得所见即所得编辑效果。KindEditor功能齐全，使用简单，具有很强的可扩展性，而且能够兼容各种主流浏览器。KindEditor可用于动态网站和精品课程开发制作中，利用KindEditor的富媒体性可轻松实现文本编辑，视频、音频、图片和附件等资料的上传管理。 关键词：KindEditor 富文本 动态网站 精品课程 The Application Study of KindEditor in Web Development Abstract:Kindeditor is a set of open source online HTML editor, web developers can use the visual rich text input box to replace traditional multi-line text input box by kindeditor.Such the site users can obtain a WYSIWYG editor. It has complete functions, It is easy to use.what is more, it has a strong scalability and can adapt to all kinds of browsers.It is used to develop dynamic web sites and excellent courses.We can use the rich media features of kindeditor to edit text and manage video, audio, images and attachments. Keywords: 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编辑器，需要经过以下几个步骤。 1）到/网站下载KindEditor在线HTML编辑器。将下载的压缩包解压后如图1所示。KindEditor目前支持asp、jsp、和jsp等动态网页技术，因此可以在这四中动态网页中集成KindEditor在线HTML编辑器。 图1 KindEditor目录结构 2）在动态网页头部（head与/head之间）导入下面代码即可在网页中使用KindEditor在线HTML编辑器[2]。 link rel=stylesheet href=kindeditor/themes/default/default.css / link rel=stylesheet href=kindeditor/plugins/code/prettify.css / script charset=utf-8 src=kindeditor/kindeditor.js/script script charset=utf-8 src=kindeditor/lang/zh_CN.js/script script charset=utf-8 src=kindeditor/plugins/code/prettify.js/script script KindEditor.ready(function(K) { var editor1 = K.create(textarea[name=Description], { cssPath : kindeditor/plugins/code/prettify.css, uploadJson