KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。.../plugins/kindeditor/kindeditor-min.js"> kindeditor/lang/zh_CN.js"> 第二步:初始化KindEditor编辑器 在页面添加javaScript代码初始化KindEditor编辑器,并在页面富文本编辑处指定...//初始化KindEditor编辑器 var editor; KindEditor.ready(function (K)
ftp = new FTPClient(); try { int reply; ftp.connect(host, port);// 连接FTP服务器 // 如果采用默认端口,可以使用...FTPClient ftp = new FTPClient(); try { int reply; ftp.connect(host, port); // 如果采用默认端口,可以使用.../kindeditor.js"> kindeditor/lang/zh_CN.js">...,放到静态资源中,并通过script标签指定(注意核实路径,js指定后需要重启项目) kindeditor/kindeditor.js"> 3.设置自动提交的代码 $(function(){ var obj; KindEditor.ready(function(K)
很多建站公司都在使用Kindeditor开源的图片上传系统,该上传系统是可视化的,采用的开发语言支持asp、aspx、php、jsp,几乎支持了所有的网站可以使用他们的上传系统,对浏览器的兼容以及手机端也是比较不错的...,用户使用以及编辑上传方面得到了很多用户的喜欢。...很多被攻击的网站的后台使用的是Kindeditor编辑器并使用upliad_json组件来进行上传图片以及文档等文件,目前存在漏洞的版本是Kindeditor 4.1.5以下,漏洞发生的代码文件是在upload_json.php...我们来复现这个Kindeditor上传漏洞,首先使用的是Linux centos系统,数据库采用的是MySQL5.6,PHP版本使用的是5.4,我们将Kindeditor 4.1.5的源码拷贝到刚搭建的服务器里去...如何判断该网站使用的是Kindeditor编辑器呢? 1.kindeditor/asp/upload_json.asp?
最近做项目要用文本编辑器,编辑器好多种,这里介绍KindEditor在asp.net mvc4中的使用方法。 ...一、准备工作: 1.下载KindEditor.去官网:http://www.kindsoft.net/ 2.解压,拷贝到项目中(这里面有些例子,可以先删除掉在拷贝到项目中。) ...二、使用步骤: 1.view页面 var editor; KindEditor.ready(function (K) { editor = K.create.../ProcessRequest', //浏览文件方法 uploadJson: '/KindEditor/UploadImage' //上传文件方法..."" : order.ToLower(); //不允许使用..移动到上一级目录 if (Regex.IsMatch(path, @"\.\.
1.简介 KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框...KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用 2.主要特点...,所有功能都是插件,可根据需求增减功能 风格:修改编辑器风格非常容易,只需修改一个 CSS 文件 兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera 3.使用...为了达到这个目的,我们可以使用富文本编辑器。 我们有多重选择来使用富文本编辑器,比如kindeditor、django-ckeditor、自定义ModelAdmin的媒体文件。.../2018/5/dea7fffe-6251-11e8-946f-40b034409066.jpg" alt="" /> 4.3:使用django配置/upload来显示图片。
3月份的时候写了个JSP版本的kindeditor编辑器的帖子,没有想到大家的响应会这么强烈。...现在平时开发的项目中都是使用KE作为在线编辑器,为了能更好、更方便的使用此编辑器,在休息的时间对原先的代码进行重构再封装,除对上个版本出现的BUG进行外,还统一整体的命名规范,新增了一些功能。...当前新版本插件的版本号为:kindeditor-plugin0.4RELEASE,JAR包中类的列表如下: 此次重构所完成的功能主要有以下几点: 重构上传附件页面的选择按,仿图片上传的选择按钮; 增加Struts2...环境集成; 增加上传属性配置功能,方便站点布署修改(暂未开放); 增加其它盘存储功能,可自由选择存放位置方便备份(暂未开放); 增加上传图片的文字水印功能(暂未开放); 更Kindeditor编辑版本为...PS: 下载KindEditor应用示例下载 把下载的压缩包上解压到Tomcat服务器的webapps目录下,启动Tomcat服务器,打开浏览器在地址栏输入:http://localhost:端口号/
关于 KindEditor KindEditor 基于JavaScript 编写,可以与众多WEB应用程序结合。...其呈现如下图: 绑定设计 Asp.net 应用程序 WebUI 中的 TextBox 控件是我们经常使用的控件之一,为便于后端代码统计一调用与管理,可在服务端通过绑定 KindEditor.js 的方式...,将 TextBox 控件直接转化为富文本编辑框,调用示例代码如下: KindEditor KindEditor = new KindEditor(Page); KindEditor.init(...HtmlLink 2 /common/kindEditor/plugins/code/prettify.css HtmlLink 3 /common/kindEditor/kindeditor.js...小结 kindEditor在某些浏览器上在工具栏点击弹出类框有时会出现一些兼容性问题,无法正确定位显示位置而无法使用,可试图通过个点击全屏按钮暂时解决,如下图: 本文所用 js 为本人改造版,如可以允许一些特殊标记的再定义
https://blog.csdn.net/kese7952/article/details/84922606 今日课堂无聊,简单写了些前台,顺便给大家说说富文本编辑器的使用教程...1.搭建富文本编辑器 去KingEditor官网去下载KingEditor文件 kingeditor网址链接: http://kindeditor.net/demo.php [不过要访问外国网站...//简单模式初始化 //默认模式 注意:下方中的content属性值要与textarea的name属性值相同才可以 var editor; KindEditor.ready...K('input[name=setHtml]').click(function(e) { editor.html('Hello KindEditor...-- //简单模式初始化 var editor; KindEditor.ready(function(K) {
kindeditor处理url脚本: 源码中提供了mode参数,应该有类型可供选择,查看api有一个urlType参数: 修改该参数,发现,并没什么卵用。。。。。。...最后处理方法: 1、直接修改kindeditor.js脚本,将截取的url直接改成不截取。(不建议) 2、查看api,提供另一个参数: 初始化加上该参数,formatUploadUrl:false。
KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP等程序集成,比较适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。...0×02 测试过程 首先,你得找到一个(女朋友)使用这种框架的网站,通过查看加载的js文件确认是否包含KindEditor框架(外观如下图): ? 然后开始测试,随意输入一段字符 ?...0×03 源码分析 为了确定是网站开发人员使用的问题还是KindEditor本身的问题,我们前往官网下载它的源代码进行分析。 整个项目的目录结构如下 ?...0×04 总结 从KindEditor的官方网站http://kindeditor.net的案例页面我们可以看到国内还是有很多网站使用了相关技术,下面是一些使用这些网站的厂商。 ? ?...但是之后,对上面提到的网站进行测试,发现其中的一部分网站已经没有在使用相关代码了,但是从KindEditor的github主页上看到还是有很大一部分人关注这一项目,这就证明还是有很多人在使用这一框架。
问题现象 KindEditor 是一款出色的富文本HTML在线编辑器,关于编辑器的详细介绍可参考我的文章《C# 将 TextBox 绑定为 KindEditor 富文本》,这里我们讲述在使用中遇到的一个问题...C# 服务端更新 在我的文章《C# 将 TextBox 绑定为 KindEditor 富文本》里我们创建了 KindEditor 类,可修改类代码,通过时间戳引入更新后的js版本,重写后的代码如下:.../kindeditor.js?.../kindeditor.js?...关于弹出层显示如果不修改代码,还可以使用一种消极方法进行操作,即点击其全屏功能,如下图: 全屏后兼容性比较好,未出现弹出层定位不准的问题,但如果在整体操作界面上来说,来回的切换全屏模式比较繁琐。
我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级。...都是系统的首选 很多文章教程有kindeditor的使用,但本文比较特别可能带有,上传文件的缩略图和水印的源码!...二、添加到项目 解压 kindeditor-x.x.x.zip 文件,将所有文件上传到您的网站程序目录里 我放在Scripts下 ?..."" : order.ToLower(); //不允许使用..移动到上一级目录 if (Regex.IsMatch(path, @"\.\....很简单的一次使用编辑器,比以前的很流行的CKEditor好用
简介与比较 KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。...KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率...这是KindEditor整合进perfect-ssm项目中的效果图: 这是之前的UEditor编辑器效果图: 虽然看上去差别不大,而且对于页面功能来说也没有特别大的改动,但是真正使用起来还是觉得...整合和配置 1.首先下载KindEditor编辑器,使用的是4.1.10版本,下载地址:http://kindeditor.net/down.php 2.将静态文件放置到项目目录中 3.在文章页面引入...KindEditor相关js文件: <!
查看官方文档发现需要手动控制一下: var _editer = KindEditor.create('.kindeditor',{ allowFileManager:true, allowUpload...:false, width: '90%', afterBlur: function(){ //利用该方法处理当富文本编辑框失焦之后,立即同步数据 KindEditor.sync...(".kindeditor") ; } }); 在上面使用了afterBlur 方法做了一个处理,该方法是当编辑框失焦的是触发的,然后再去做数据同步.
在之前的一篇文章中介绍了如何将富文本kindeditor结合到django中:Django2.0.4 结合 KindEditor 4.1.11 富文本编辑器 在同域环境中是没有问题的...也就是上传接口如果部署在前端页面同一个域名下是没有问题的,然而美多商城的系统架构是前后端分离,前端页面是vue.js服务,后端接口是django服务,分别部署在不同的服务器上,如果在vue.sj页面中想要使用...kindeditor中的上传文件功能,跨域请求django的接口就会报错。 ...本文解决在跨域情况下使用kindeditor的上传文件功能,解决思路就是用重定向方法来伪造成同域环境 在前端项目中,建立一个redirect.html,用来伪造同域获取参数 .../static/js/kindeditor/kindeditor-all-min.js'> 美多编辑器
KindEditor是一款还不错的开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。...之所以推荐这一款编辑器,是因为它非常的轻量化,也不需要安装,从而耦合度非常低,无论是使用表单提交内容还是异步提交,都非常方便,这里简单介绍一下如何在Django2.0.4中使用这款富文本编辑器。 ...首先 在官网下载文件 http://kindeditor.net/down.php 解压后,删除掉一些没有用的文件,只留下lang(语言包) themes(风格包) plugins(插件) 和...kindeditor-all-min.js 将kindeditor文件夹放到项目目录的static/js文件中去 最后在页面中就可以使用了 <!...var content = $(document.getElementsByTagName("iframe")[0].contentWindow.document.body).html() 而使用
遇到这个问题很是困惑,网上查资料发现解决方法其实就是在Modal关闭的时候做一些处理,将编辑器删除就可以二次加载了 Kindeditor解决方法: $('#myModal').on('hidden.bs.modal...', function () { // 关闭Dialog前移除编辑器 KindEditor.remove('#content'); }); UEditor解决方法: $('#adminModalLg
废话少说,直接上干货,以下是我OA项目中的实例代码,前端用ZUI配套使用。...server" TextMode="MultiLine" Rows="20" MaxLength="4000" EnableTheming="True" CssClass="form-control kindeditor..." Text=""> //初始化编辑器 var editor = KindEditor.create('textarea.kindeditor