kindEditor富文本框简介及常见问题处理.docxVIP

kindEditor的简介及一些问题处理一、简介：KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。 KindEditor使用JavaScript编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用，2006年7月首次发布2.0以来，KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率，目前在国内已经成为最受欢迎的编辑器之一。二、资产监督管理系统中的应用：2.1 在资产监督管理系统中的具体界面：在资产监督管理系统中，信息发布中具体信息的信息内容就使用了kindEditor来实现，具体界面如下图：界面中主要应用了字体，文字颜色，字体背景，字体大小等通用的字体编辑方法和排版格式，还应用了发送表情的方法。2.2具体的实现方法：资产质量监督管理系统前台界面主要是通过jsp实现，信息发布也不例外。调用时需要将lang，themes，plugins三个文件夹都拷贝在jsp文件的目录下。具体的方法调用如下，scriptvareditor;KindEditor.ready(function(K){editor=K.create(textarea[name=txtXxnr],{resizeType:0,allowPreviewEmoticons:false,allowImageUpload:false,items:[fontname,fontsize,|,forecolor,hilitecolor,bold,italic,underline,removeformat,|,justifyleft,justifycenter,justifyright,insertorderedlist,insertunorderedlist,|,emoticons]});});/scripttextarea id=txtXxnrname=txtXxnr/textarea其中，items后的内容为具体的编辑功能引用，items之前的为kindEditor的调用及一些属性的设置。相关jsp界面中对js的调用有以下两条：scriptcharset=utf-8src=%=request.getContextPath() %/PROJECT-HOME/webviews/ptgl/xxfb/kindeditor-min.js/scriptscript charset=utf-8src=%=request.getContextPath() %/PROJECT-HOME/webviews/ptgl/xxfb/lang/zh_CN.js/scriptkindeditor-min.js主要是kindEditor调用的具体方法。其中：_version可以看到当前kindEditor的版本信息；k.opitons中包含了该kindEditor所有的默认配置及属性。Items中为所提供的所有编辑功能。langType 为各功能的语言显示类型，minWidth，minHeight为编辑器的大小配置，fullScreenMode为是否全屏显示，colorTable中可添加具体字体颜色，fontSizeTable中可添加所需要的字体大小，htmlTags下可进行tags的各个属性的配置更改。这些是目前开发任务中能用到的具体参数配置。kindEditor中还有很多参数可以根据具体需求来进行配置。所有编辑功能的功能代码都在这js中，可根据不同的业务需求来更改这些功能zh_CN.js则为编辑界面中功能显示的字体类型。本项目中，lang包中有zh_CN.js zh_En.js zh_Tw.js 等三个js文件，分别代表简体字，英文，繁体字。此外，编辑界面中具体一些编辑功能如字体样式等包含的具体内容也是在这个js文件中配置。此外，这个js最重要的功能是对kindEditor提供的所有功能进行名称配置，包括各个主要编辑功能及具体功能包含的下属选项的名称配置。2.3 项目中遇到的一些问题：1、通过ctrl+c使用粘贴功能时一直会报错，提示console未定义经过分析，找到两种解决该问题的方法：发达出现问题的代码如下所示：dump :function(){var console=;console.log(--------------------);console.log(this.startContainer.nodeType ==3?this.startContainer.nodeValue :this.startContainer,this.startO