HTML在线文本编辑器在Java web开发中的使用分析——以KindEditor为例

第３３卷第６期　

２　０　１　３年６　ｊ　

湖北科技学院学报　

Ｊｏｕｒｎａｌ　ｏｆ　Ｈｕｂｅｉ　Ｕｎｉｖｅｒｓｉｔｙ　ｏｆ　Ｓｃｉｅｎｃｅ　ａｎｄ　Ｔ　

Ｖｏ１．３３，Ｎｏ．６　

Ｊｕｎ．２０ｌ３　

文章编号：２０９５—４６５４（２０１３）０６—００２１—０３　

以ＫｉｎｄＥｄｉｔｏｒ为例　

汪　蓉　

（湖北科技学院计算机科学与技术学院，湖北成宁４３７１００）　

摘要：随着Ｊａｖａ　ｗｅｂ程序应用开发的发展，出现了多种ＨＴＭＬ在线文本编辑器（ＦＣＫｅｄｉｔｏｒ，ｘｈｅｄｉｔｏｒ，ｔｍｙＭＣＥ，　

ＣｕｔｅＥｄｉｔｏｒ，ＫｉｎｄＥｄｉｔｏｒ，ｅＷｅｂＥｄｉｔｏｒ，ＵＥｄｉｔｏｒ），在网站的设计与制作过程中应用支持多种语言的在线文本编辑器可　

简化用户操作，使网站或系统更具有亲和性，尤其是在网站内容管理系统（Ｃｏｎｔｅｎｔ　Ｍａｎａｇｅｍｅｎｔ　Ｓｙｓｔｅｍ，英文缩写　

是ＣＭＳ）中，使用功能齐全的文本编辑器更能突显网站的实用性和可操作性．熟练应用一种ＨＴＭＬ在线文本编辑　

器已逐渐成为开发者必备的技能之一．　

关键词：Ｊａｖａ　ｗｅｂ；ＫｉｎｄＥｄｉｔｏｒ；ＨＴＭＬ在线文本编辑器　

中图分类号：ＴＰ３１２　文献标识码：Ａ　

科技的发展，信息时代的到来，网络将成为当代社会人　

们沟通的主要途径，同样也是信息交换的主要来源，在日常　

置简单化、免费开源、文本编辑功能齐全、支持多浏览器、支　

持ＰＨＰ、ｊａｖａｓｅｒｉｐｔ、ａｓｐ．ｎｅｔ、ｊａｖａ等不同编程语言的强大优　

势，受到众多开发者的青睐．目前，众多的Ｊａｖａ　ｗｅｂ项目多　

生活中每天都有大量的信息通过互联网进行编辑和传递．　

同时，网络技术也在不断进行自我完善以适应社会发展的　

需要．　

以ＦＣＫｅｄｉｔｏｒ为在线编辑器的首选，但ＦＣＫｅｄｉｔｏｒ在线编辑　

器不能实现已经编辑完成的图文混排的ｗｏｒｄ文档自动上　

传，如果要实现这一过程则需要手动进行上传，这就增加了　

编辑者的操作步骤，降低了网站的亲和力，尤其是在ＣＭＳ　

为了使界面更加简洁美观经常需要使用在线编辑方式　

对文章、新闻、讨论贴、通告、记事等信息进行文字编辑处　

理．在线文本编辑器是一种常用的应用程序，它可以在网页　

上实现许多桌面编辑软件（如Ｗｏｒｄ）等所具有的强大可视　

编辑功能．在线编辑器有方便快捷的特点，使用所见即所得　

中，若在同一篇文档中有大量图片，则网站管理员工作会十　

分繁琐．ｅＷｅｂＥｄｉｔｏｒ可实现ｗｏｒｄ文档中图片自动上传功　

能，但购买ｅｗｅｂｅｄｉｔｏｒ，对于中小型企业网站开发者也是一　

笔不小的花费．因此选择一款开源的在线编辑器也逐渐成　

为开发者值得思考的问题．而ｋｉｎｄｅｄｉｔｏｒ与Ｘｐｍｅｒ．ＷｏｒｄＰａｓ—　

的编辑方式能快捷、方便地编辑出效果一流的图文效果，适　

应了现代社会快节奏的发展需要，如果使用纯手工编写代　

码的方法编辑则需要浪费大量时间及精力．其主要特点如　

下：通过编辑器编辑的文字、图片等，在显示时都会按照编　

ｔｅｒ插件整合即可实现图文混排ｗｏｒｄ文档自动上传，因此　

Ｋｉｎｄｅｄｉｔｏｒ是一个很好的选择．　

排的样式显示，同时使用者可以很方便地对内容进行修改　

和排版；编辑器可以实现编辑内容自动转换为ＨＴＭＬ代码：　

在网页上编辑的文字、图片等内容都会在后台自动转换为　

１　ＫｉｎｄＥｄｉｔｏｒ在Ｊａｖａ文本开发中的配置　

１．１开发环境和ＫｉｎｄＥｄｉｔｏｒ的配置：　

（１）开发环境：Ｍｙｅｃｌｉｐｓｅ８．０，ＪＤＫ１．６，ｔｏｍｃａｔ６．０；　

可被浏览器识别的ＨＴＭＬ标记语言，并且允许使用者在代　

码状态下对代码标记进行修改．不仅如此，在线文本编辑器　

（２）ＫｉｎｄＥｄｉｔｏｒ配置文件：ｃｏｍｍｏｎｓ—ｆｄｅｕｐｌｏａｄ一１．２．　

１．ｊａｒ，ｃｏｍｍｏｎｓ—ｉｏ一１．４．ｊａｒ，ｊｓｏｎ＿ｓｉｍｐｌｅ一１．１．ｊａｒ　

还可以对媒体文件进行编辑，使文本编辑器更容易被人接　

受和采用．　

１．２　ＫｉｎｄＥｄｉｔｏｒ在Ｊａｖａｗｅｂ开发中的应用：　

目前国内在线文本编辑器有很多版本，开源的在线编　

辑器也是千差万别的，其中大部分都支持ｗｅｂ开发语言，如　

ＡＳＰ、ＰＨＰ、．ＮＥＴ等语言．然而，随着ｊｓｐ技术的Ｅｔ益成熟，　

一

（１）在需要使用ＫｉｎｄＥｄｉｔｏｒ的ｗｅｂ项目下建立ｋｉｎｄｅｄ．　

ｉｔｏｒ文件夹用来放置在线编辑器组件的相关文件（如图１）　

（２）下载ＫｉｎｄＥｄｉｔｏｒ组件，选取相应需要的文件复制粘　

贴到ＫｉｎｄＥｄｉｔｏｒ文件夹下，若选取ｊｓｐ则需要将ｊｓｐ文件夹　

下的ｌｉｂ文件夹下的三个ｊａｔ＂包导入到项目ｗｅｂ—ＩＮＦ文件　

夹中；　

部分在线文本编辑器已经不能满足开发者的需求，部分　

收费在线文本编辑器功能也越来越完善，然而在小型开发　

过程中购买在线编辑器花费的代价过大，但是开源在线编　

辑器又不能满足开发需求．在众多的在线编辑器中以开源　

编辑器ＦＣＫｅｄｉｔｏｒ最为出名，ＦＣＫｅｄｉｔｏｒ由于资源轻量化、配　

（３）将所需要的架包导入之后即可在项目中调用　

ＫｉｎｄＥｄｉｔｏｒ．　

｝收稿日期：２０１３—０３一Ｏｌ　

２２　湖北科技学院学报　第３３卷　

。铬ｋｌｎｄｅｄｌｔｏｒ　

≯　ｊｓｐ　

≯链　ｌａｎｇ　

》ｐｔｕｇｉｎｓ　

》盛》ｓｋｉｎｓ　静ＷｅｂＲｏｏｔ　

ｔｈｅｍｅｓ　ｅ　ａＲａｃｈｅｄ　

蜘ｋｉ￣ｄｅｄｌｔｏｒ－ａｌｔ　ｍ；ｎ￣ｓ　》静ｋｌｎｄｅｄ；ｔｏｒ　

枷￣ｎｄｅｄｆｆｏｒＩｄ　５　国，ＭＥＴＡ－ＩＮＦ　

伽ｋｉｎｄｅｄｉｔｏｔ－ｍｌｎ￣ｓ　》国》ｐ＿ｃ　

咖ｋＪｎｄｅｄｉｔｏｒ．ｊｓ　）国ｖｉｄｅｏ　

ｐ妤ＭＥＴＡ—ｔＮＦ　》　ＷＥＢｔ｜ＮＦ　

图１　图２　

２　ＫｉｎｄＥｄｉｔｏｒ在ｊａｖａ　ｗｅｂ中的配置　

（１）在需要使用ＫｉｎｄＥｄｉｔｏｒ的页面首部＜ｈｅａｄ＞与＜／　

ｈｅａｄ＞之间导入所需要的．ＣＳＳ和．ｊＳ文件，并创建一个　

ＫｉｎｄＥｄｉｔｏｒ编辑器，返回一个ＫｉｎｄＥｄｉｔｏｒ编辑器对象；在项　

目ｗｅｂｒｏｏｔ文件夹下建立ａｔｔａｃｈｅｄ文件夹用来保存上传文　

件（如图２）；　

＜ｌｉｎｋ　ｒｅｔ＝”ｓｔｙｌｅｓｈｅｅｔ”ｈｒｅｆ＝”ｋｉｎｄｅｄｉｔｏｒ／ｔｈｅｍｅｓ／ｄｅ—　

ｆａｕｌｔ／ｄｅｆａｕｌｔ．ＣＳＳ”／＞　

＜ｌｉｎｋ　ｒｅｌ＝”ｓｔｙｌｅｓｈｅｅｔ”ｈｒｅｆ＝”ｋｉｎｄｅｄｉｔｏｒ／ｐｌｕｇｉｎｓ／　

ｃｏｄｅ／ｐｒｅｔｔｉｆｙ．ＣＳＳ”／＞　

＜ｓｃｒｉｐｔ　ｃｈａｒｓｅｔ＝”ｕｔｆ一８”ｓｒｃ＝”ｋｉｎｄｅｄｉｔｏｒ／ｋｉｎｄｅｄｉｔｏｒ．　

ｊｓ”＞＜／ｓｃｒｉｐｔ＞　

＜ｓｃｒｉｐｔ　ｃｈａｒｓｅｔ＝”ｕｆｆ一８”ｓｒｃ＝”ｋｉｎｄｅｄｉｔｏｒ／ｌａｎｇ／ｚｈ

ＣＮ．ｊｓ”＞＜／ｓｃｉｒｐｔ＞　

＜ｓｃｒｉｐｔ　ｃｈａｒｓｅｔ＝”ｕｆｆ一８”ｓｒｃ＝”ｋｉｎｄｅｄｉｔｏｒ／ｐｌｕｇｉｎｓ／　

ｃｏｄｅ／ｐｒｅｔｔｉｆｙ．ｊｓ”＞＜／ｓｃｒｉｐｔ＞　

＜ｓｃｒｉｐｔ＞　

ＫｉｎｄＥｄｉｔｏｒ．ｒｅａｄｙ（ｆｕｎｃｔｉｏｎ（Ｋ）｛　

ｖａｒ　ｅｄｉｔｏｒ！：Ｋ．ｃｒｅａｔｅ（＂ｔｅｘｔａｒｅａｌ　ｎａｌｎｅ＝”ｃｏｎｔｅｎｔｌ”　

｛　

ｃｓｓＰａｔｈ：ｋｉｎｄｅｄｉｔｏｒ／ｐｌｕｇｉｎｓ／ｃｏｄｅ／ｐｒｅｔｔｉｆｙ．ｃｓｓ　

ｕｐｌｏａｄＪｓｏｎ：ｋｉｎｄｅｄｉｔｏｒ／ｊｓｐ／ｕｐｌｏａｄ　ｊｓｏｎ．ｊｓｐ．　

ｉｆｌｅＭａｎａｇｅｒＪｓｏｎ：ｋｉｎｄｅｄｉｔｏｒ／ｊｓｐ／ｆｉｌｅ＿ｍａｎａｇｅｒ　ｊｓｏｎ．ｊｓｐ．　

ａｌｌｏｗＦｉｌｅＭａｎａｇｅｒ：ｔｒｕｅ；　

＜／ｓｃｒｉｐｔ＞　

（２）在需要显示ＫｉｎｄＥｄｉｔｏｒ编辑器的位置添加ｔｅｘｔａｒｅａ　

输入框：＜ｔｅｘｔａｒｅａ　ｉｄ＝”ｅｄｉｔｏｒ—ｉｄ”ｎａｍｅ＝”ｃｏｎｔｅｎｔｌ”ｃｏｌｓ　

＝

”１００”ｒｏｗｓ＝”８”ｓｔｙｌｅ＝”ｗｉｄｔｈ：７００ｐｘ；ｈｅｉｇｈｔ：２００ｐｘ；ｖｉｓｉ—　

ｂｉｌｉｔｙ：ｈｉｄｄｅｎ：”＞＜／ｔｅｘｔａｒｅａ＞　

在需要显示ＫｉｎｄＥｄｉｔｏｒ编辑器的页面中ｉｄ必须是唯一　

的值；在使用ｋｉｎｄｅｄｉｔｏｒ编辑时若需要从服务器端程序　

（ＡＳＰ、ＰＨＰ、ＡＳＰ．ＮＥＴ等）直接显示内容，则必须转换ＨＴ—　

ＭＬ特殊字符（＞，＜，＆，”）；若不需要则可在ｔｅｘｔａｒｅａ里设　

置ＨＴＭＬ内容即可实现编辑；由于不同浏览器遵循的规则　

不一致，若不对编辑器的宽度和高度设置处置，可能导致显　

示有问题，故在使用编辑器时可以用ｉｎｌｉｎｅ样式宽度和高　

度设置初值．　

３　ＫｉｎｄＥｄｉｔｏｒ编辑器实现编辑文件上传下载具体参数配置　

（核心代码如下）　

修改ｋｉｎｄｅｄｉｔｏｒ文件夹下的ｊｓｐ文件夹下的ｆｉｌｅ—ｍａｎａｇ－　

ｅｒ＿ｊｓｏｎ．ｊｓｐ文件：　

／／根目录路径，可以指定绝对路径，比如／ｖａｒ／ｗｗｗ／ａｔ　

ｔａｃｈｅｄ／　

Ｓｔｒｉｎｇ　ｏｒｏｔＰａｔｈ　ｐａｇｅＣｏｎｔｅｘｔ．ｇｅｔＳｅｒｖｌｅｔＣｏｎｔｅｘｔ（）．ｇｅｔ—　

ＲｅａｌＰａｔｌ１（”／”）＋”ａａａｃｈｅｄ／”：　

／／根目录ＵＲＬ，可以指定绝对路径，比如ｈｔｔｐ：／／ｗｗｗ．　

ｙｏｕｍｉｔｅ．ｃｏｒｎ／ａｔｔａｃｈｅｄ／　

Ｓｔｒｉｎｇ　ｒｏｏｔＵｄ＝ｒｅｑｕｅｓｔ．ｇｅｔＣｏｎｔｅｘｔＰａｔｈ（）＋”／ａｔｔａ—　

ｃｈｅｄ／”；　

／／图片扩展名　

Ｓｔｒｉｎｇ［］ｆｉｌｅＴｙｐｅｓ＝ｎｅｗ　Ｓｔｒｉｎｇ［］｛ｔｔ　ｇｉｆ”，”ｊｐｇ”，”　

ｊｐｅｇ”，”ｐｎｇ”，”ｂｍｐ”｝；　

Ｓｔｒｉｎｇ　ｄｉｒＮａｍｅ＝ｒｅｑｕｅｓｔ．ｇｅｔＰａｒａｍｅｔｅｒ（”ｄｉｒ”）；　

修改ｋｉｎｄｅｄｉｔｏｒ文件夹下的ｊｓｐ文件夹下的ｕｐｌｏａｄ—　

ｊｓｏｎ．ｊｓｐ文件：　

／／文件保存目录路径　

Ｓｔｒｎｉｇ　ｓａｖｅＰａｔｈ　ｐａｇｅＣｏｎｔｅｘｔ．ｇｅｔＳｅｒｖｌｅｔＣｏｎｔｅｘｔ（）．ｇｅｔ～　

ＲｅａｌＰａｔｌｌ（”／”）＋”ａｔｔａｃｈｅｄ／”：　

／／文件保存目录ＵＲＬ　

Ｓｔｒｉｎｇ　ｓａｖｅＵｄ＝ｒｅｑｕｅｓｔ．ｇｅｔＣｏｎｔｅｘｔＰａｔｈ（）＋”／ａｔｔａ—　

ｃｈｅｄ／”；　

／／定义允许上传的文件扩展名　

ＨａｓｈＭａｐ＜Ｓｔｒｉｎｇ．Ｓｔｒｉｎｇ＞ｅｘｔＭａｐ　ｎｅｗ　ＨａｓｈＭａｐ＜　

Ｓｔｒｉｎｇ，Ｓｔｒｉｎｇ＞（）；　

ｅｘｔＭａｐ．ｐｕｔ（”ｉｍａｇｅ”，”　，ＪＰｇ，ｊｐｅｇ，ｐｒｉｇ，ｂｍｐ”）；　

ｅｘｔＭａｐ．ｐｕｔ（”ｆｌａｓｈ”，”ｓｗｆ，ｌｆｙ”）；　

ｅｘｔＭａｐ．ｐｕｔ（”ｍｅｄｉａ”，”ｓｗｆ，ｆｌｖ，ｍｐ３，ｗａｙ，ｗｍａ，ｗｍｖ，　

ｍｉｄ，ａｖｉ，ｍｐｇ，ａｓｆ，ｉＴｌｌ，ｒｍｖｂ”）；　

ｅｘｔＭａｐ．ｐｕｔ（”ｆｉｌｅ”，”ｄｏｃ，ｄｏｃｘ，ｘｌｓ，ｘｌｓｘ，ｐｐｔ，ｈｔｍ，ｈｔｍｌ，　

ｔｘｔ，ｚｉｐ，ｍｒ，ｇｚ，ｂｚ２”）；　

／／最大文件大小　

ｌｏｎｇ　ｍａｘＳｉｚｅ＝１００００００；　

／／检查目录　

Ｆｉｌｅ　ｕｐｌｏａｄＤｉｒ＝ｎｅｗ　Ｆｉｌｅ（ｓａｖｅＰａｔｈ）；　

／／检查目录写权限　

ｉｆ（！ｕｐｌｏａｄＤｉｒ．ｃａｎＷｒｉｔｅ（））｛　

ｏｕｔ．ｐｒｉｎｆｌｎ（ｇｅｔＥｒｏｒｒ（”上传目录没有写权限．”））；　

ｒｅｔｕｒｎ；　

｝　

４添加自定义插件　

在ｗｅｂ程序开发中我们有时需要实现自己想要的功能　

但是编辑器有未提供相应的功能时我们需要自己定义插件　

来实现自己想要的功能．如需要在编辑器打开时显示ｈｅｌ—　

ｌｏ．则可按如下方法自定义插件：　

添加ｐｌｕｇｉｎｓ／ｈｅｌｌｏ／ｈｅｌｌｏ．ｊｓ文件．　

ＫｉｎｄＥｄｉｔｏｒ．ｐｌｕｇｉｎ（ｈｅｌｌｏ．ｆｕｎｃｔｉｏｎ（Ｋ）｛　

ｖａｒ　ｅｄｉｔｏｒ＝ｔｈｉｓ，ｎａｌＴｌｅ＝ｈｅｌｌｏ．／／点击图标时执行　

ｅｄｉｔｏｒ．ｃｌｉｃｋＴｏｏｌｂａｒ（ｎａｍｅ，ｆｕｎｃｔｉｏｎ（）｛　

ｅｄｉｔｏｒ．ｉｎｓｅｒｔＨｔｍｌ（你好’；　

｝）；　

｝）；　

定义语言，在页面的＜ｓｃｉｒｐｔ＞标签里添加以下脚本．　

第６期　汪蓉ＨＴＭＬ在线文本编辑器在Ｊａｖａ　ｗｅｂ开发中的使用分析一以ＫｉｎｄＥｄｉｔｏｒ为例　２３　

ＫｉｎｄＥｄｉｔｏｒ．１ａｎｇ（｛　

更改ｕｐｌｏａｄＪｓｏｎ（指定上传文件的服务器端程序）和　

ｆｄｅＭａｎａ＇ｇｅｒＪｓｏｎ（指定浏览远程图片的服务器端程序）的路　ｈｅｌｌｏ：你好　

｝）；　

定义工具栏图标的ＣＳＳ，在页面的＜ｓｔｙｌｅ＞标签里添加　

径，在测试时需要修改ＷｏｒｄＰａｓｔｅ．ｊＳ文件中的配置信息，修　

改粘贴管理器中”ＣａｂＰａｈ”，”ＩｔｃｏＰａｔｈ”，”ＰｏｓｔＵｒｌ”的值，修改　

以下ＣＳＳ．　

．

ｋｅ—ｉｃｏｎ—ｈｅｌｌｏ｛　

ｂａｃｋｇｒｏｕｎｄ—ｉｍａｇｅ：ｕｒ１（．．／ｓｋｉｎｓ／ｄｅｆａｕｌｔ／ｄｅｆａｕｌｔ．ｇｉｆ）；　

ｂａｃｋｇｒｏｕｎｄ—ｐｏｓｉｔｉｏｎ：０ｐｘ一６７２ｐｘ；　

ｗｉｄｔｈ：１６ｐｘ；　

ｈｅｉｇｈｔ：１６ｐｘ；　

｝　

最后调用编辑器时ｉｔｅｍｓ数组里添加ｈｅｌｌｏ．　

Ｋ．ｃｒｅａｔｅ（静ｉｄ　｛　

ｉｔｅｍｓ：［ｈｅｌｌｏ＇］　

｝）；　

５实现ｗｏｒｄ文档粘贴　

在ＣＭＳ中，管理员要经常更新网站内容，而有些内容　

可能是已经在ｗｏｒｄ文档中排版，且文档中可能是图文混排　

的文档，采用ｋｉｎｄｅｄｉｔｏｒ与Ｘｐｒｏｅｒ．ＷｏｒｄＰａｓｔｅｒ插件整合即可　

实现图文混排ｗｏｒｄ文档自动上传．按４所示步骤建立　

ＷｏｒｄＰａｓｔｅｒ．ｊｓ并在ｋｉｎｄｅｄｉｔｏｒ要显示的ｉｔｅｍｓ中添加”ｗｏｒｄ—　

ｐａｓｔｅ．ｉｍａｇｅｐａｓｔｅｒ”；ＷｏｒｄＰａｓｔｅｒ从剪切板，本地硬盘，第三　

方软件或Ｗｏｒｄ文档中复制图片，然后点击编辑器工具栏中　

的”粘贴图片”按钮，图片将自动上传到Ｗｅｂ服务器中．下　

载Ｘｐｒｏｅｒ．ＷｏｒｄＰａｓｔｅｒ压缩文件夹，解压后将ＷｏｒｄＰａｓｔｅｒ文　

件夹导入ＷｅｂＲｏｏｔ文件夹下，导入ＷｏｒｄＰａｓｔｅｒ所需的．ｊＳ　

和．ＣＳＳ文件．　

＜ｓｃｉｒｐｔ　ｔｙｐｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”ｓｒｃ＝＂ＷｏｒｄＰａｓｔｅｒ／ｊｓ／　

ｊｑｕｅｒｙ．ｍｉｎ．ｊｓ　ｃｈａｒｓｅｔ＝”ｕｔｆ一８”＞＜／ｓｃｉｒｐｔ＞　

＜ｓｃｉｒｐｔ　ｔｙｐｅ：”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”Ｓ／Ｘ３＝＂ＷｏｒｄＰａｓｔｅｒ／ｊｓ／　

ｊｑｕｅｒｙ—ｕｉ一１．８．１１．ｃｕｓｔｏｍ．ｍｉｎ．ｊｓ　＞＜／ｓｃｒｉｐｔ＞　

＜ｓｃｒｉｐｔ　ｔｐｙｅ＝”ｔｅｘｔ／ｊａｖａｓｃｒｉｐｔ”ＳＩＣ＝＂ＷｏｒｄＰａｓｔｅｒ／ｊｓ／　

ＷｏｄｒＰａｓｔｅｒ．ｊｓ　ｃｈａｒｓｅｔ＝”ｕｔｆ一８”＞＜／ｓｃｉｒｐｔ＞　

为ＷｏｒｄＰａｓｔｅ在测试服务器的地址．　

６结语　

开源的ＨＴＭＬ在线编辑器ＫｉｎｄＥｄｉｔｏｒ是众多编辑器的　

一

种，使用编辑器可以让用户在网站上获得所见即所得编　

辑效果，ＫｉｎｄＥｄｉｔｏｒ可以帮助开发人员将传统的多行文本　

输入框（ｔｅｘｔａｒｅａ）替换为可视化的富文本输入框．ＫｉｎｄＥｄｉｔｏｒ　

的使用方法也较为简单，不需要繁琐的配置，对开发者来说　

也较容易上手使用．ＫｉｎｄＥｄｉｔｏｒ的开发是采用ＪａｖａＳｃｒｉｐｔ编　

写，可以无缝地与ＰＨＰ、ＡＳＰ、Ｊａｖａ、．ＮＥＴ等程序集成，比较　

适合在ＣＭＳ、商城、论坛、博客、Ｗｉｋｉ、电子邮件等互联网应　

用上使用．　

ＫｉｎｄＥｄｉｔｏｒ可以实现文本粘贴，图片上传，插入音视屏　

等功能，利用ｋｉｎｄｅｄｉｔｏｒ提供的强大的编辑功能，能让用户　

方便的对编辑的内容进行修改和排版，也可以对上传的图　

片、音视频等进行相应的管理，使得页面看上去更加整洁美　

观，同时也简化了后台管理人员的操作流程，对于后台用户　

来说，他们的要求就是最简单的操作便可以轻松地对网站　

进行管理，对于前台用户来说，一个排版整齐的网页或是信　

息则更具有吸引力．　

参考文献：　

［１］刘颖．ＦＣＫ在ｗｅｂ开发中的应用［Ｊ］．电脑开发与应用，　

２００９，（２）．　

［２］于梅英，姜波，张珂，Ｊａｖａ　Ｗｅｂ的ＨＴＭＬ在线文本编辑　

器解决方案一以Ｆｃｋｅｄｉｔｏｒ在线编辑为例［Ｊ］．软件导　

刊，２０１１，１０（２）．　

［３］钱立，吴瑕．利用ＦＣＫｅｄｉｔｏｒ在ＪＡＶＡ／ＪＡＶＡＥＥ中实现在　

线编辑［Ｊ］．知识经济，２０１０，（２）．