kindeditor

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Java富文本编辑之图片链接本地化 作者：邵发 官网： http://afanihao.cn/java 本文介绍在图文混编项目中（博客、新闻等），如何将富文本中的图片外链转为本地链接的问题。本文是Java学习指南系列教程的官方配套文档，项目源码在本文末尾说明。 所谓富文本Rich Text，就是以HTML形式表示的文本。在前端通常由富文本编辑器得到，比如UEditor，KindEditor，wangEditor等富文本编辑器。在富文本中可能存在外链的图片链接，那么后台如何将外链图片转为本站链接，是本文要讨论的话题。 1. 富文本编辑器 在需要实现图文混排功能时，可以使用前端的富文本编辑器。常见的富文本编辑器有 UEditor, KindEditor, wangEditor等，使用起来大同小异。比如，下图以KindEditor来演示。 在提交给后台时，可以调用编辑器提供的API来获取编辑器里面的HTML文本，里面包含了CSS样式和图片链接。关于富文本编辑器的使用，不在本文中详述。 2. 富文本中的图片外链 当富文本中包含了图片外链接，一般要求将外链转换为本站链接。 例如以下文本： <p> 根据外媒报道，12月6日，美国海军最新的两栖攻击舰“美国”号抵达了日本佐世保，加入了美国海军第七舰队。 </p> <p

Kindeditor支撑java，供给的示例法度由jsp充当文件经管和上传，以前应用好好的，但此次应用的struts2，而struts过滤器包装了request，对就因为这点， kindeditor不克不及应用了。在kindeditor论坛上有位进步前辈的描述斗劲清楚： kindeditor 在java景象顶用到了 commons-fileupload-1.2.1.jar 组件。 在Common- FileUpload中，它把从客户端提交过来的表单封装成一个个FileItem对象，这也是它实现文件上传功能 的核心类。另一个很首要的类就是FileUploadBase，他的功能就是解析恳求（request），如进行上传文 件大小验证，恳求类型验证（文件上传的enctype要设置成multipart/form-data）等。我们经常用到它 的子类ServletFileUpload。在FileUploadBase解析 request的过程中会将文件保存到内存，若是文件大 小大于我们设置的缓存的大小，它将把文件的其他内容保存到一个姑且目次，当我们对FileItem 对象实 现正真上传时会从内存区或姑且目次将文件保存到正真的上传目次。 在kindeditor上传图片调试过程中，发明 FileItemFactory factory = new DiskFileItemFactory（）;

KindEditor的安装和使用 因为想要做一个可以发表格式化文章的网站，所以我需要一个网页版的所见即所得的文本编辑器。而KindEditor就是这么一个开源的文本编辑器。 这篇文章也是我大概接触了KindEditor并用它做了一点点东西后总结出来的一点心得，当然，想要全面的介绍，或详细的文档，还是要去官方吧（http://kindeditor.net/）。因为是国产软件（应该是国产的吧？），所以官网是中文的，蛮好的。 貌似Google一下KindEditor，则可以找到各种语言的安装方法，Java也好PHP也好很多的。所以我不想介绍特定语言的安装方法，因为我觉得KindEditor只是个前端的文本编辑器，为什么要和后台所用的语言扯上关系呢？例如Java语言的安装会告诉你把这几个jar包装好，你要不用Java，这种安装方法毫无意义。比如我做KindEditor的时候用的就是Ruby on Rails，翻了翻好像没有特别针对Ruby on Rails的安装方法。 于是就写一个通用安装方法吧，只要是Web项目都可以这么搞。 KindEditor的编辑区是以一个textarea为原型，因此，最后变成html应该大概是个这样子。 <textarea id="editor_id" name="content" style="width:700px;height:300px;"> 内容 <

前情提要:项目中使用kindeditor做富文本编辑器,但是中文在数据库中占用3个字节,英文是1个字节,而p标签换行标签也各自占用对应的代码长度字节. kindeditor版本 @version 4.1.2 (2012-07-21) 页面使用以下代码计数 js: afterChange : function() {K('.word_count').html(this.count());} html: <p>您当前输入了 <span class="word_count">0</span> 个文字。</p> 问题:由于kindeditor自带的计数器是按照字符来计算的,所以呢,如果按照它提供的字符数提交到数据库 所以Google之后.找到一个过滤字符Unicode来计数的方式,略加修改,添加到kindeditor.js的count(位于5111行)方法后面,取名countCode. countCode : function() { var self = this, total = 0, i, str = _removeBookmarkTag(_removeTempTag(self.html())), len; for(i = 0, len = str.length; i < len; i++){ charCode = str.charCodeAt(i); if(charCode <=

[版本说明：kindeditor-4.0.6（下载 https://code.google.com/p/kindeditor/downloads/list ），php-5.2.14+Zend Framework] 1.简介 KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 主要特点 快速：体积小，加载速度快 开源：开放源代码，高水平，高品质 底层：内置自定义 DOM 类库，精确操作 DOM 扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能 风格：修改编辑器风格非常容易，只需修改一个 CSS 文件 兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera 2.使用 下载后，解压，在需要使用kindeditor的页面加上以下代码： （注意：js/css的引入路径必须填写正确） <link rel="stylesheet" href="/kindeditor-4.0.6/themes

使用KindEditor时遇到个小问题，在给 【爱玩电脑】 开发 用户发表文章 的功能时，KindEditor 批量上传图片失败。 经过百度搜索发现是 #SWFUpload# 无法读取cookie的原因，既然问题找到了就想办法解决呗。又经过一番百度搜索，找到#KindEditor#官方的解决方法 http://www.kindsoft.net/docs/option.html#extrafileuploadparams 我的解决方法： var editor; var editorSets = { themeType: 'default', urlType: 'absolute', cssPath: '/static/editor/iframe.css', uploadJson: '/article/add/upload/', allowImageUpload: true, allowFlashUpload: true, allowMediaUpload: true, allowFileUpload: true, allowFileManager: true, fileManagerJson: '/article/add/fileManager/', formatUploadUrl: true, fillDescAfterUploadImage: true, syncType:

很多建站公司都在使用Kindeditor开源的图片上传系统，该上传系统是可视化的，采用的开发语言支持asp、aspx、php、jsp,几乎支持了所有的网站可以使用他们的上传系统，对浏览器的兼容以及手机端也是比较不错的，用户使用以及编辑上传方面得到了很多用户的喜欢。 前端时间我们SINE安全对其进行全面的网站漏洞检测的时候发现，Kindeditor存在严重的上传漏洞，很多公司网站，以及事业单位的网站都被上传违规内容，包括一些赌bo的内容，从我们的安全监测平台发现，2019年3月份，4月份，5月份，利用Kindeditor漏洞进行网站攻击的情况，日益严重，有些网站还被阿里云拦截，并提示该网站内容被禁止访问，关于该网站漏洞的详情，我们来看下。 很多被攻击的网站的后台使用的是Kindeditor编辑器并使用upliad_json组件来进行上传图片以及文档等文件，目前存在漏洞的版本是Kindeditor 4.1.5以下，漏洞发生的代码文件是在upload_json.php代码里，该代码并没有对用户上传的文件格式，以及大小进行安全检测，导致用户可以伪造恶意文件进行上传，尤其html文件可以直接上传到网站的目录下，直接让搜索引擎抓取并收录。 我们来复现这个Kindeditor上传漏洞，首先使用的是Linux centos系统，数据库采用的是MySQL5.6，PHP版本使用的是5.4

目前kindeditor已经升级到了4.1.2版本，其中4.0以上版本已经加入了代码高亮功能，所以决定把系统中kindeditor从3.x升级到最新的4.1.2， 不过官方对于代码高亮功能，并未给予太多的说明，还需要自己做一些摸索，好在kindeditor的用户还是比较多的，相对资料也比较多。 对于kindeditor升级，官方给了一个说明文档，相对还是比较详细的： http://www.kindsoft.net/docs/upgrade.html 首先在kindeditor官网下载最新4.1.2版本的插件包： http://kindeditor.googlecode.com/files/kindeditor-4.1.2.zip 下载完毕后进行解压，目录中： asp、jsp、php：这几个目录主要放着对应语言的示例程序 那么我们需要的主要是：lang、plugins、themes这几个文件夹，分别对应着是：语言包、插件包、主题样式 将这三个包，复制放到我们项目里去。 1.在要显示kindeditor的页面引入下面文件 <script charset="utf-8" src="/ke4/kindeditor.js"></script> <script charset="utf-8" src="/ke4/lang/zh_CN.js"></script> 2.然后加入初始化代码

KindEditor有个图片批量上传是个很实用的功能，但是在使用过程发现一个问题：组件只提供一个“全部插入”按钮，一次性按照添加文件顺序一次性把所有图片依次插入编辑器，没法方便的调整插入图片的顺序。 经过一些代码分析，考虑采用集成JQuery UI Sortable特性为图片列表元素添加拖拉排序支持，但是由于KindEditor没有提供相关的回调方法，目前只能直接修改代码实现，具体在SWFUpload区域的appendFile方法最后添加如下代码： //FIXED: Add sortable support $("div[data-id='"+file.id+"']").parent().sortable({ items: "> div" }); 这样就可以上传窗口界面随意调整图片元素顺序，然后批量插入编辑器了。注意：前提需要引入JQuery UI组件，测试版本：KindEditor 4.1.7，JQuery UI 1.10.0 BTW，此特性已集成到S2JH框架：基于SSH的企业Web应用开发框架S2JH： http://www.oschina.net/p/s2jh 来源： oschina 链接： https://my.oschina.net/u/151176/blog/177942

KindEditor一个国产的富文本框，貌似OSChina.net也在用？很不错，自己做的几个项目都在用，由于KindEditor只支持asp，asp.net，php，jsp的，Play不支持？Play貌似不能用JSP吧？呵呵，用Kindeditor怎么能没有上传图片功能呢，OK，于是自己进行改造使Kindeditor能在我们Play项目中进行上传。 Play的上传非常简单好用，就在方法声明中加个参数File，如 public static void upload(File file)，这样表单上传的文件通过这个file就能获取，注意变量名必须和表单的文件框name一致，既然知道Play如何处理上传就简单了，做一下处理搞定。 1.修改Kindeditor上传路径 var editor; KindEditor.ready(function (K) { editor = K.create('#content',{ uploadJson : '/uploader' }); }); 2.添加route POST /uploader Upload.kindEditorUploader #自己实现的Controller 3.写类对上传的File进行处理.. public static void kindEditorUploader (File imgFile) #imgFile才拿的到图片 .