kindeditor编辑器是一款极致完全免费的开源系统性HTML数据可视化编辑器。kindeditor选用JavaScript撰写而成，功能齐全，简单实用，较大的特点便是可以完成Word文本文档中编写时的眼见为实的编写实际效果，因为根据插件的方法设计方案，其全部作用可以以插件方式完成，兼容好几个主流浏览器，与Java、.NET、PHP、ASP等程序流程无缝拼接连接。

软件简介

KindEditor 是一套开源系统的线上HTML编辑器，适用于让消费者在平台上得到眼见为实编写实际效果，开发者可以用 KindEditor 把传统式的多行文本文本框(textarea)更换为数据可视化的富文本编辑器文本框。 KindEditor 应用 JavaScript 撰写，可以无缝拼接地与 Java、.NET、PHP、ASP 等程序流程集成化，比较合适在 CMS、商城系统、社区论坛、blog、Wiki、电子邮箱等互联网技术运用上应用

软件特色

迅速：体型小，载入速度更快

开源系统：对外开放源码，高质量，高品质

最底层：内嵌自定 DOM 类库，精准实际操作 DOM

拓展：根据插件的设计方案，全部作用全是插件，可按照要求调整作用

设计风格：改动编辑器设计风格很容易，只需改动一个 CSS 文件

兼容：适用绝大多数主流浏览器，例如 IE、Firefox、Safari、Chrome、Opera

软件特色

1. 体型小，载入速度更快，但作用十分丰富多彩。

2. 内嵌自定range，极致地适用span标识。

3. 根据插件的方法设计方案，全部作用全是插件，提升自定和拓展作用比较简单。

4. 改动编辑器设计风格非常容易，只需改动一个CSS文件。

5. 适用绝大多数主流浏览器，例如IE、Firefox、Safari、Chrome、Opera。

使用方法

使用方法

你需要把需要的文件免费下载出来。

你需要把所必须的文件上传入你的网址，下面便是引入了。在必须表明编辑器的部位加上textarea文本框，留意ID在网页中应该是唯一的，不用说你也了解。

在该HTML网页页面加上下列脚本制作，第一个主要参数可以用其他CSS选择符，配对好几个textarea时只在第一个原素上载入编辑器。根据K.create函数的第二个主要参数，可以对编辑器开展配备，实际主要参数请参照 编辑器复位主要参数 (官方网站有详解)。

假如想要得到编辑器中的数据信息，可以用下边的编码。

布署kindeditor编辑器

在“index.jsp”body/body中加上textarea文本框，设定其总宽为800，相对高度为600，而且给其设定id和name属性。

在head/head中引进kindeditor的js文件。

并在第一个textarea原素上载入kindeditor编辑器。

在MyEclipse展现对话框中找到“servers”，随后右键“tomcat 8.0”，挑选“Add/Remove Deployments”。

进到配备新项目页面后，在左边选定大家的新项目“Kindeditor”，随后Add加上到右边栏中。

随后挑选运作该网络服务器中的新项目。

等候服务项目运行进行。

浏览器打开，输入网址，看是不是表明大家必须的编辑器对话框。

注：网站地址若tomcat端口号未变更则为“http://localhost:8080/Kindeditor/”

kindeditor线上编辑器配备提交文件作用

大家把插件内置的插件所有放进和kindeditor同级别的文件目录下边，如下图：

找到相匹配的后台管理程序处理（本人以jsp为例子，由于已经做一个jsp新项目）：

开启 jsp文件夹，如下图一所显示构造。将lib下边的jar引进新项目，假如之前存有相匹配jar则采用较高版本号（jar包为java的类库包）。

随后将file_manager_json.jsp和upload_json.jsp放进相匹配文件夹，能找到就可以了。这两个为后台管理程序处理。如下图：

开启file_manager_json.jsp。找到

//网站根目录途径，可以特定相对路径，例如 /var/www/attached/

String rootPath = pageContext.getServletContext().getRealPath(/) upload/;

//网站根目录URL，可以特定相对路径，例如 http://www.yoursite.com/attached/

String rootUrl = request.getContextPath() /upload/;

将字体加粗的改成自身的文件文件目录，以上就是我的。如下图所示我的文件构造：

开启upload_json.jsp。找到

//文件储存文件目录途径

String savePath = pageContext.getServletContext().getRealPath(/) upload/;

//文件储存文件目录URL

String saveUrl = request.getContextPath() /upload/;

将字体加粗的改成自身的文件文件目录，以上就是我的。等同于和第五步一样。

如今找到自身的kindeditor开展相对应的配备。事实上便是找到后台管理的这两个文件。

在复位配备中再加上：

uploadJson :

'%=request.getContextPath()%/admin/upload_json.jsp',

fileManagerJson : '%=request.getContextPath()%/admin/file_manager_json.jsp',

allowFileManager : true

字体加粗改成自身相匹配的。

如下图为我的详细配备：

如今应当配备详细的插件了，我终image照片处理插件为事例。找到照片插件文件目录。如下图途径：

开启image.js，找到

uploadJson = K.undef(self.uploadJson, self.basePath 'file_manager_json.jsp'),

字体加粗的途径最好是设定为恰当的。（这两个详细地址最好是改为恰当的，假如不可以恰当还可以应用，可是如果你主配备详细地址出错了就无法应用了，我推断是如此的）

随后在后台管理相匹配的upload下边建立image文件夹，（image是默认设置名称，也有好多个默认设置名称：file(文件)，media(短视频)，flash(动漫)）假如想要用其他名称，你也就必须在相应的流程开展文件名的改动。沒有这种必需吧。

我的是可以常规应用了，如下图：

如果是其他插件反复8--10的流程就可以了。

软件问答

kindeditor提交文件超出30M出错的解决方案

点一下kindeditor上的文件提交标志，如下图所示：

低于30M的文件都能够提交取得成功，如下图所示：

假如提交超出30M的文件，如下图所示：

提交超出30M的文件会出错，如下图所示：

下面大家开启IIS，找到相匹配的应用软件 ，点一下挑选“要求挑选”，如下图所示：

随后挑选“编写作用设定...”，如下图所示：

在弹出来的”编写要求挑选设定“提示框中，默认设置的文件尺寸是30M，可以按照须要自主改动尺寸，如下图所示：

随后提交，就可以上传成功了，如下图所示：

编辑器好像是UTF-8编号的，可以在GB2312网页页面上应用吗？

可以使用。有这两种方式 ，一种方法是引进kindeditor.js文件时将script的charset属性设置成utf-8。

也有一种方式 是立即将html/js/css文件编号都转化成GB2312编号（用Notepad 、editPlus等文字编辑器就可以变换编号），但是转换视频格式后更新较为艰难，提议应用第一种方式 。

我取不上编辑器数据信息，立即获得textarea的value也没有用。

KindEditor的交互实际操作在创好的iframe上实行，编码方式下的textarea框也是创好的，因此最终递交前必须实行 sync() 将HTML数据信息设定到以前的textarea。

KindEditor在默认设置状况下全自动找寻textarea隶属的form原素，找到form后onsubmit事情里加上editor.sync()函数公式，因此用form方法上传数据信息，不用手动式实行editor.sync()函数公式。

为何有一些标识被过虑？

KindEditor默认设置选用授权管理过虑方法，可以用 htmlTags 主要参数界定要留下的标识和属性。自然还可以用 filterMode 主要参数关掉过虑方式，保存全部标识。