kindeditor的使用

kindeditor的使用

一、KindEditor介绍

KindEditor是一款开源的web编辑器，由Javascript开发而成。它支持网页编辑、图片上传和flash播放，也支持表情符号等特殊功能，使用起来非常方便，大大提高了文章的编辑效率。

二、KindEditor的功能

1、支持多种文件上传格式：支持jpg、jpeg、png、gif、bmp等多种格式的图片上传，也支持doc、txt、xls等office文档的上传；

2、支持Flash播放：支持swf格式的flash文件的播放，可以将flash文件插入到文章中；

3、支持表情：支持表情符号的插入；

4、支持滚动条：可以自定义滚动条的样式和速度；

5、支持插入文件：可以插入html、css 、js等文件。

三、KindEditor的使用

1、下载并解压KindEditor压缩包，在页面中引入kindeditor.js 文件；

2、在需要使用KindEditor的地方插入一个标签；</p><p>3、实例化KindEditor：</p><p>//实例化编辑器</p><p>var editor;</p><p>KindEditor.ready(function(K) {</p><p>editor = K.create('textarea[name='content']', {</p><!--/p1--><!--p2--><p>tresizeType : 1,</p><p>tallowPreviewEmoticons : false,</p><p>tallowImageUpload : false,</p><p>titems : [</p><p>tt'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',</p><p>tt'removeformat', '|', 'justifyleft', 'justifycenter',</p><p>'justifyright', 'insertorderedlist',</p><p>tt'insertunorderedlist', '|', 'emoticons', 'image',</p><p>'link']</p><p>});</p><p>});</p><p>4、提交表单：当提交表单时，调用 KindEditor.sync() 将编辑器中的内容同步到 textarea 中。</p><p>//提交表单时，将编辑器中的内容同步到textarea</p><p>$('#form').submit(function(){</p><p>teditor.sync();</p><p>});</p><p>四、KindEditor的优势</p><p>1、界面友好：界面友好，功能完善，使用方便；</p><p>2、性能高效：性能高效，操作迅速；</p><p>3、高安全性：支持多种文件上传格式；</p><!--/p2--><!--p3--><p>4、跨平台：支持多种浏览器，包括IE、Firefox、Chrome等。</p><!--/p3--><!--rset--><h2>kindeditor使用方法==</h2><p>kindeditor详细使用说明 1.下载KindEditor 最新版本。打开下载页面 2. 解压zip文件，将所有文件上传到您的网站程序目录下。例如：http://您的域名/editor/ 3.在需要显示编辑器的位置添加TEXTAREA输入框。 id在当前页面必须是唯一的值，还有，在有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高度可用inline样式设置，也可用编辑器初始化参数设置。 在TEXTAREA里设置HTML内容即可实现编辑，在这里需要注意的是，如果从服务器端程序(ASP、PHP、https://www.360docs.net/doc/f819244121.html,等)直接显示内容，则必须转换HTML特殊字符(>,<,&,")。具体请参考各语言目录下面的demo.xxx程序，目前支持ASP、https://www.360docs.net/doc/f819244121.html,、PHP、JSP。 <textarea id="editor_id" name="content" style="width:700px;height:300px;"><strong>HTML内容</strong> 4.在该HTML页面添加以下脚本。注：KE.show的原理是先执行KE.init设置一些变量，等DOM 全部创建以后才开始执行KE.create创建编辑器。如果浏览器不触发DOMContentLoaded事件（例如：jQuery的$.ready，点击某个按钮，通过innerHTML 插入HTML等），则不能使用KE.show，需要直接调用KE.init和KE.create。 KE.init({ id : 'editor_id'});$.ready(function() { KE.create('editor_id');});调用KE.show和KE.init时，除id之外还可以设置其它的参数，具体属性请参考编辑器初始化参数。

Kindeditor在ASP中的调用

Kindeditor 3.5 在ASP中的调用 2010-09-26 12:26:51| 分类：https://www.360docs.net/doc/f819244121.html, | 标签：kindeditor ke编辑器id调用|字号订阅 本文引用自岁月明灯《Kindeditor 3.5 在ASP中的调用》 引用 岁月明灯的Kindeditor 3.5 在ASP中的调用 一直在找免费且功能足够强大的Html在线编辑器，ewebeditor不错，可惜要收钱！FCKeditor （后改为CKeditor）听说也不错，只是我琢磨了半天也没看出个头绪，在百度上搜了半天，终于找到这个Kindeditor，虽然没什么太多的技术说明，但好歹是咱中国人的产品，简单易用，而且最最最重要的是免费的！！！嘿嘿！下面介绍一下要在ASP中正常使用该编辑器所要做的工作。 第一步：下载kindeditor ，可以到https://www.360docs.net/doc/f819244121.html,/去下载最新的版本，目前是3.5版本; 第二步：因为文件是压缩的，所以要先将其解压缩，解压后进入该目录，复制里面的全部文件； 第三步：到自己的网站下，建立一个名为kindeditor目录，将刚才复制的文件全部粘贴进去； 第四步：打开自己要调用该编辑器的文件，将以下代码拷贝到里面（注意：红字部分用来说明，为不影响代码正常运行，最好看懂后删掉）： /*SRC后面的路径按自己的实际路径修改*/

kindeditor删除上传图片并且删除服务器里面的图片

kindeditor编辑上传图片删除并且删除服务器里面的图片 一般来说有两种思路 1，捕捉用户删除图片的动作，使用ajax发送url给服务器来删除，但是研究半天硬是找不到该事件，谁有思路要告诉我呀。 2，本人煞费苦心想出来的(嘿嘿)，不过也是一般人能想出来的。获取用户在编辑的时候被删除图片的路径并保存到隐藏域里面，提交表单的时候顺便删除这些不用的图片，一下客户端的js脚本语言。 【客户端的js代码】 KindEditor.ready( function(K){ //声明3个数组 //页面一打开的图片 var oldimgsrc=[]; //所有上传的图片 var uploadimgsrc=[]; //最后保存下来的图片 var saveimgsrc=[]; //创建一个编辑器对象 var editor = K.create('textarea[name="content"]', { allowFileManager : false, items:['bold','italic','justifyleft','justifycenter','justifyright','image','fontsize','forecolor','hilitecolor','font name','fullscreen'], //上传图片后触发的事件 afterUpload:function(url){ uploadimgsrc.push(url.split('uploadfiles')[1]); }, //保存新上传的图片路径 afterCreate:function(){ oldimgsrc=pickimg(editor.html()); }, //当编辑器失去焦点 afterBlur:function(){ //console.log(editor.items); saveimgsrc=pickimg(editor.html()); //合并数组

基于thinkphp的在线编辑器kindeditor

首先，去官网下载最新版的kindeditor，然后把里面asp，jsp，net，example的全删除，然后改名为editor放进public（最外层目录的public）文件夹里面。 在目录lib目录建立ORG文件夹（个人习惯用ORG存储公用类），建立一个共用类，editor.class.php 下面是这个类的具体代码 欢迎使用编辑器
” * */ function editor($Height="500px",$Width="700px",$V alue="

欢迎使用编辑器

") { $this->Value = $Value; $this->Height = $Height; $this->Width = $Width; } /*此方法是在线编辑器的调用 * 在需要编辑器的地方调用此函数 */ function createEditor(){ return "$this->Value"; } /*使用在线编辑器必须在html之间调用此方法，才能正确调用， * 内容主要都是script */ function usejs(){ $str=<<

miniUI_KindEditor使用

KindEditr在miniUI中的应用 系统：Win7 开发环境：Java 框架：OSGI 前台jsp先定义一个textarea，如下： 我把它的取值和赋值都放在了js中，如下： var editorId = "editor_id";//定义变量为富文本ID var editor = null;//定义富文本 //写一个调用方法showeditor function showeditor() { //KindEditor.ready();方法用了之后在FireFox中无法编辑，所以用 了.create试试 editor = KindEditor.create('#' + editorId/*这里是富文本ID*/, { resizeType: 1,//设置只能改变高度 allowPreviewEmoticons: false, allowImageUpload: true, afterBlur:function(){this.sync();},//失去焦点(blur)时执 行的回调函数。在画面编辑富文本时，同步数据，如果不写，无法用时取到最 新的值，那么保存到数据库的值就是旧的 afterCreate:function(){this.sync();}//当我不点击富文本直接进行其他操作时，就靠这个方法同步数据，用a fterBlur是无法同步的items: []//,//控制工具栏显示哪些按钮，不写时默认成全部显示 }); } 新建，要将富文本设置为空时，如下： KindEditor.html("#editor_id",""); 有试过miniUI提供的editor.html("");，editor.html(null) ;，但是都不行，赋值不成功，在网上看到有大拿用这种写法的，试了发现好用，特别开心。

KindEditor使用手册

KindEditor使用手册 一简单使用方法 1. 把所有文件上传到程序所在目录下，例如：http://你的域名/editor/。 2. 在此目录下创建attached文件夹，并把权限改成777。3. 要添加编辑器的地方加入以下代码。（原来的TEXTAREA或其它编辑器可以先注释。） 这里[]里的内容要根据你的实际情况修改。 ----------------------------------------------------------------------- <input type="hidden" name="[原TEXTAREA名字]" value="[这里放你要编辑的内容]"> <script type="text/javascript" charset="utf-8" src="[JS路径]/KindEditor.js"></script>

<script type="text/javascript"> var editor = new KindEditor("editor"); //创建编辑器对象editor.hiddenName = "[原TEXTAREA名字]"; editor.editorWidth = "[编辑器宽度,例如：700px]"; editor.editorHeight = "[编辑器高度,例如：400px]"; editor.show(); //显示 //提交时获得最终HTML代码的函数 function KindSubmit() { editor.data(); } </script>

kindeditor使用方法

? 1.下载KindEditor最新版本。打开下载页面。 ? 2.把kindeditor放在你的网站目录下，随意目录，只要路径设置对就可以！ ? 3.要显示编辑器的位置添加TEXTAREA输入框。如果已经有TEXTAREA，属性里添加ID即可。 ?代码 ? ? 4.在相应页面上添加kindeditor的引用，添加如下代码： ? ?代码 ? ? ?src=..... 这里根据你的kindeditor放置位置而变化。 ?怎么获取textarea的文本内容？ 1.在 后面添加隐藏input和button，代码如下： ?代码 ? ?添加事件处理代码 1.首先是客户端代码，在服务器代码之前执行，代码如下： ? ?代码

artDialog-iframeTools

artDialog-iframeTools 名称描述 核心方法 art.dialog.top 获取artDialog可用最高层window对象。这与直接使用window.top不同，它能排除artDialog对象不存在已经或者顶层页面为框架集的情况 这是iframe应用工具集中的核心方法，你可以用它来操作父页面对象（包括上面的对话框） art.dialog.data(name, value)跨框架数据共享写入接口。 框架与框架之间以及与主页面之间进行数据交换是非常头疼的事情，常规情况下你必须知道框架的名称才能进行数据交换，如果是在复杂的多层框架下操作简直就是噩梦。 而data方法就是为了解决这个问题，你完全不用管框架层级问题，它可以写入任何类型的数据，而做到各个页面之间数据共享。 art.dialog.data(name)跨框架数据共享读取接口。指定name即返回数据，任何引用了artDialog的页面都有效 art.dialog.removeData(name)跨框架数据共享删除接口。删除指定名称的数据，任何引用了artDialog的页面都

名称描述 有效 异步数据对话框 art.dialog.open(url, options, cache)创建一个iframe页面 参数: 地址, 配置参数, 缓存开关(默认true) art.dialog.open.api iframe页面获取open方法扩展方法。 (注意这个iframe中也必须引用artDialog脚本文件) art.dialog.opener iframe页面获取open方法触发来源页面window对象。 (注意这个iframe中也必须引用artDialog脚本文件) art.dialog.close()iframe页面关闭open方法创建的对话框的快捷方式。 close方法等同于： var api = art.dialog.open.api; api && api.close(); (注意这个iframe中也必须引用artDialog脚本文件) art.dialog.load(url, options, cache)Ajax加载内容 参数：地址, 配置参数, 缓存开关(默认true)

10款优秀稳定的在线富文本编辑器

十款优秀稳定的在线富文本编辑器 CKeditor CKeditor是一款功能强大的开源在线文本编辑器(DHTML editor)，它使你在web上可以使用类似微软Word 的桌面文本编辑器的许多强大功能。它是轻量级且不必在客户端进行任何方式的安装。 官方网站：https://www.360docs.net/doc/f819244121.html, KindEditor KindEditor是一套开源的HTML可视化编辑器，主要用于让用户在网站上获得所见即所得编辑效果，兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript 编写，可以无缝的于Java、.NET、PHP、ASP等程序接合。KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用，2006年7月首次发布2.0以来，KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率，目前在国内已经成为最受欢迎的编辑器之一。 官方网站：https://www.360docs.net/doc/f819244121.html, Xheditor xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化XHTML编辑器，基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。xhEditor完全基于Javascript开发，您可以应用在任何的服务端语言环境下，例如：PHP、ASP、ASP. N E T、JA V A等。xhEditor可以在您的CMS、博客、论坛、商城等互联网平台上完美的嵌入运行，能够非常灵活简单的和您的系统实现完美的无缝衔接。 官方网站：http://xheditor.c om Nice dit Nic Edit是一个轻量级，跨平台的Inline Content Editor。Nic Edit能够让任何element/div 变成可编辑或者能够把标准的TextArea转换成富文本编辑器。 官方网站：http://nic https://www.360docs.net/doc/f819244121.html, Tinymce TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，由JavaScript写成。它对IE6+和Firefox1.5+都有着非常良好的支持。功能方面虽然不能称得上是最强，但绝对能够满足大部分网站的需求，并且功能配置灵活简单。另一特点是加载速度非常快，如果你的服务器采用的脚本语言是PHP，那还可以进一步优化。最重要的是，TinyMCE 是一个根据LGPL lic ense发布的自由软件，你可以把它用于商业应用。 官方网站：https://www.360docs.net/doc/f819244121.html, Mark itUp

分享6个国内优秀Java后台管理框架的开源项目,建议收藏!

分享6个国内优秀Java后台管理框架的开源项目,建议收藏！ 后台管理系统是内容管理系统Content Manage System(简称CMS)的一个子集。CMS是Content Management System的缩写，意为'内容管理系统'。内容管理系统是企业信息化建设和电子政务的新宠，也是一个相对较新的市场。我自己也一直在搭建一个即好用，又美观的后台管理系统的手动架，可以即拿的即用的项目。不用要重复的去造轮子，把有限的时间用去一些有意思的事。下面分享一下开源中国中有哪些优秀的Java开源后台管理系统。所有项目在https://www.360docs.net/doc/f819244121.html,中输入项目都可以搜索的到。ThinkGem / JeeSite(开发人员/项目名称)watch 2100 star 4000 fork 2600JeeSite是基于多个优秀的开源项目，高度整合封装而成的高效，高性能，强安全性的开源Java EE快速开发平台。JeeSite是您快速完成项目的最佳基础平台解决方案，JeeSite是您想学习Java平台的最佳学习案例，JeeSite还是接私活的最佳助手。JeeSite是在Spring Framework基础上搭建的一个Java基础开发平台，以Spring MVC为模型视图控制器，MyBatis为数据访问层，Apache Shiro为权限授权层，Ehcahe对常用数据进行缓存，Activit为工作流引擎。是JavaEE界的最佳整合。JeeSite 主要定位于企业信息化领域，已内置企业信息化系统的基础

功能和高效的代码生成工具，包括：系统权限组件、数据 权限组件、数据字典组件、核心工具组件、视图操作组件、工作流组件、代码生成等。前端界面风格采用了结构简单、性能优良、页面美观大气的Twitter Bootstrap页面展示框架。采用分层设计、双重验证、提交数据安全编码、密码加密、访问验证、数据权限验证。使用Maven做项目管理，提高项目的易开发性、扩展性。JeeSite目前包括以下四大模块，系统管理(SYS)模块、内容管理(CMS)模块、在线办公(OA)模块、代码生成(GEN)模块。系统管理模块，包括企业组织架构(用户管理、机构管理、区域管理)、菜单管理、角色权限管理、字典管理等功能; 内容管理模块，包括内容管理(文章、链接)，栏目管理、站点管理、公共留言、文件管理、前端网站展示等功能; 在线办公模块，提供简单的请假流程实例;代码生成模块，完成重复的工作。JeeSite 提供了常 用工具进行封装，包括日志工具、缓存工具、服务器端验证、数据字典、当前组织机构数据(用户、机构、区域)以及其它常用小工具等。另外还提供一个强大的在线代码生成工具，此工具提供简单的单表、一对多、树结构功能的生成，如果对外观要求不是很高，生成的功能就可以用了。如果你使 用了JeeSite基础框架，就可以很高效的快速开发出，优秀的信息管理系统。技术选型：1、后端核心框架：Spring Framework 4.1安全框架：Apache Shiro 1.2视图框架：

网络安全培训方案

培训方案 1、对学生知识的要求 对Windows 、Linux 及 SQL 语句有一定的了解即可 2、学生的知识能力提高 本课程重点培训学生的 Web 渗透测试能力，通过 20 天的渗透测试培训，学生可具备以下能力 1）、了解Web 服务器的工作过程及原理 2）、了解协议 3）、学会渗透测试前踩点技能 4）、学会使用常见的渗透测试工具如burpsuite 、 SQLmap 等等 5）、了解常见的系统攻击过程及手段 6）、学会常见的系统攻击方法 7）、学会Web 服务器的信息获取 8）、学会IIS、 Apache 、tomcat、 Weblogic 等常见中间件的漏洞利用方式及加固方法 9）、深入了解各类SQL 注入漏洞的原理、攻击手段及加固措施 10）、掌握上传漏洞、命令执行漏洞、XSS 漏洞等常见Web 漏洞的利用方式及技巧 11）、掌握各类提权方法 12）、掌握各类第三方插件/程度的漏洞利用方法 3、考试及颁发证书 暂无，可有 4、培训案例分析 安云科技针对学生每年举办两次定期培训，现已经举办了 4 次针对学生的培训，同时，受邀给XX工学院、XX职业技术学院、XX警察学院等学校的老师进行培训

关于提升就业问题：现阶段，国家对信息安全的重视及网络安全行业的火爆，但人才短缺， 安全行业的薪资也普遍高于其它行业，据调查，目前XX省内所有安全公司都面临人员不足的情况 5、培训课程 时间授课内 安排分类容章节实验 Web安全第一节 : 服务器是如何被入 简介侵的 第二节：如何更好的学习 web 安全 1．发起请求 第一第一节：协议解析2. 协议详解 3. 模拟请求 天 4.和 s协议区别 Web安全 1.burpsuit初体验 简介 第二节：截取请求 2.fiddler介绍 3.winsock expert实验 第三节：应用：黑帽 SEO 之搜索引擎劫持 第一节： google hack 1. 搜集子域名 2. 搜集 web 信息 第二基础 信息刺1. 安装 nmap 天篇第二节： nmap详细讲解 2. 探测主机信息 探 3.namp 脚本引擎 第三节： dirbuster 介绍 第四节：指纹识别 1.target 2.spider 第一节： burpsuit 3.scanner 4.Intruder 5. 辅助模块 第三漏洞扫 1.wvs 向导扫描 天描第二节： wvs 介绍 2.web 扫描服务 3.wvs 小工具 1. 使用 appscan 扫描 第三节： appscan2．处理结果 3.appscan 辅助脚本 第四节： openvas 1.openvas 扫描

kindeditor控件实现文本编辑器使用详解(含代码)

Kindeditor控件在PHP 中使用方法详解 1、简介： KindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写，可以无缝地与 Java、.NET、PHP、ASP 等程序集成，比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。主要特点： 快速：体积小，加载速度快 开源：开放源代码，高水平，高品质 底层：内置自定义 DOM 类库，精确操作 DOM 扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能 风格：修改编辑器风格非常容易，只需修改一个 CSS 文件 兼容：支持大部分主流浏览器，比如 IE、Firefox、Safari、Chrome、Opera 2、首先你需要去kindeditor官网下载目前最新版本的kindeditor文件包，官网：https://www.360docs.net/doc/f819244121.html,/down.php 3、下载后解压打开，会看见如图所示的文件夹 这里面包含有ASP、https://www.360docs.net/doc/f819244121.html,、JSP、php等文件夹，我们这里是在php中应用该控件，所以ASP、https://www.360docs.net/doc/f819244121.html,、JSP这三个文件夹是可以删除的，当然不删也无所谓

4、接下来将所有文件拷贝到你项目的根目录下，如图所示： 记得是拷贝到项目根目录下 5、新建一个test.php页面，在里面对kindeditor控件进行引用和配置 主要包含三部分1）引入css文件，2）定义一个textarea文本框用来显示控件，3）引入JavaScript文件，并且在HTML中嵌入一个js函数来调用控件 具体代码如下，本人自己测试通过：