PHP中使用kindeditor

在DWZ框架中整合kindeditor复文本框控件

今天上午在DWZ框架中整合kindeditor复文本框控件,发现上传图片是老是提示 “上传中,请稍候...”,上网查看别人说可能是文件路径问题,在想以前在其他项目中用这个控件一直没问题,到这里怎么会出现这个错误呢? 于是从源头一路查找过去, 找到上传配置 uploadJson: '/Scripts/kindeditor-4.1.4/asp.net/upload_json.ashx',于是打开上传文件的upload_json.ashx文件,发现context.Response.Write(Json…

springboot中使用kindeditor富文本编辑器实现博客功能

kindeditor在之前已经用过,现在在springboot项目中使用.并且也在里面使用了图片上传以及回显等功能. 其实主要的功能是图片的处理:kindeditor对输入的内容会作为html标签处理,对于image的做法是先将图片传到后台服务器,然后上传成功之后回传图片的URL,之后内容中增加<img src='url'>进行回显,当然保存到数据库也是img标签进行保存的. 下面的代码涉及到了:Restful风格的请求.SpringMVC文件的上传.不配置虚拟路径的前提下请求图片资源.kin…

EasyUI在window中使用kindeditor 4.1.10在IE9中不能回显、获得焦点编辑的问题

描述 :kindeditor4.1.10版本是当前最新的版本,在浏览器兼容性和功能方面都是值得一赞的,在开发中能方便快捷的满足一些开发需求. 问题 : 问题总是有的. 在使用过程中,遇到EasyUI的window窗口中使用kindeditor编辑框,点击打开之后,在IE9中不能回显(修改功能).获得焦点编辑. 其他IE版本.火狐.chrome等常用浏览器都没问题. 问题原因 : 经过跟踪调试测试,初步了解问题原因在于,页面EasyUI和kindeditor样式加载顺序不一致,对应的ID选择器…

在MVC3中修改KindEditor实现图片删除

编辑器KindEditor可以上传图片,但却不能删除图片,因此我们通过修改一些文件,对KindEditor进行扩展,使得KindEditor能删除服务器上的图片. 主要方法就是:在图片空间中浏览图片,当鼠标滑动到图片上时,在图片下面添加一个删除按钮,当点击删除按钮时,通过ajax调用action进行删除. 一.修改zh_CN.js文件. 打开lang文件夹下的zh_CN.js文件,找到 'filemanager.fileType' : '类型', 这个地方,在下面添加几行代码,变成如下: 'fi…

在 ASP.NET MVC 3 中应用 KindEditor

http://www.cnblogs.com/weicong/archive/2012/03/31/2427608.html 第一步将 KindEditor 的源文件添加到项目中,建议放到 /Scripts/kindeditor 目录中,其中只需要有 lang目录.plugis目录.themes目录和kindeditor-min.js文件即可. 第二步在 /Views/Shared/EditorTemplates 目录中添加一个分部视图“kindeditor.cshtml”(文件名可任意).…

django的admin或者应用中使用KindEditor富文本编辑器

由于django后台管理没有富文本编辑器,看着好丑,展示出来的页面不美观,无法做到所见即所得的编辑方式,所以我们需要引入第三方富文本编辑器. 之前找了好多文档已经博客才把这个功能做出来,有些博客虽然写的很好,但是毕竟不是自己写的好多地方要么不够全面,要么看不懂,整理了一些大神的博客,所以这次自己实现就决定写这篇博客记录下,以后如果有需求就不用到处找资料了,同时也分享给大家看看,提供借鉴.这次我使用的是kindeditor 富文本编辑器.之所以选择这个编辑器主要看是它功能齐全还美观.下面这张图…

关于web程序中使用KindEditor向数据库插入带有格式的数据时出现的问题

最近做一个项目,需要对输入的文字在存入数据库之前进行文本格式编辑,于是我用到了KindEditor,当然怎么用在asp.net页面中,这里就不过多叙述了. 主要是遇到在将赋予格式的文本插入数据库时遇到问题(说什么客户端将带有样式的文本插入数据库有requset.form漏洞)现将我完整的解决放到写出来供大家参考 1.在web.config文件中添加<system.web><compilation debug="true" targetFramework="4…

在ASP.NET中使用KindEditor富文本编辑器

以前一直用百度的UEditor.这次客户提了一个需求要在编辑器中插入Flash动画,但是不知道怎么用UEditor实现,于是选用了KindEditor. 更重要的一点是,客户的网站使用Framework2.0,但是UEditor只支持4.0或更高的版本(旧版本很难找到了). 下面讲一下使用KindEditor的步骤 1.首先到官方网站下载最新版的UEditor 下载完成后解压,目录结构如下可以看到,EEditor支持各种后端语言进行开发,由于我们使用的是ASP.NET,所以打开ASP.NET文…

在.net core的web项目中使用kindeditor

本项目是一个.net core的mvc项目 1.下载kindeditor 4.1.11 解压后将文件夹置于 wwwroot目录下,如图: 2.在HomeController的Index控制器对应的index视图输入一下代码: @{ Layout = null; } <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>我是管理员首页</title>…

django项目中使用KindEditor富文本编辑器。

先从官网下载插件,放在static文件下前端引入 <script type="text/javascript" src="/static/back/kindeditor/kindeditor-all.js"></script> <script> KindEditor.ready(function (K) { window.editor = K.create('#content', { {# 加上这句话可以使jquery能获取到富…

django项目中使用KindEditor富文本编辑器

在MVC3或asp.net中修改KindEditor实现上传图片时添加水印

主要修改两个文件:image.js和upload_json.ashx文件. 一.修改image.js文件打开kindeditor/plugins/image目录下的image.js文件,找到 '<input type="button" class="ke-upload-button" value="' + lang.upload + '" />', 在这行代码下面添加 '<label style="width:60p…

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome. Safari.Opera等主流浏览器.KindEditor使用JavaScript编写,可以无缝的于Java..NET.PHP.ASP等程序接合. KindEditor非常适合在CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目…

Django 中使用kindeditor

KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScript 编写,可以无缝地与 Java..NET.PHP.ASP 等程序集成,比较适合在 CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用. 主要特点快速:体积小,加载速度快开源:开放源代码,高水平,高品质底层:内置自定义 DOM…

vue中使用kindeditor富文本编辑器

1.去官网下载kindeditor 2.将其放在一个名为kindeditor的文件夹里,并且将它放在vue里的static文件夹下 3.创建kindeditor.vue <template> <div class="kindeditor"> <textarea :id="id" name="content">{{ outContent }}</textarea> </div> </…

在MVC3中修改KindEditor实现上传图片到指定文件夹

KindEditor编辑器默认上传的图片文件夹,是根据系统时间自动生成的,图片是自动上传到这些文件夹里面,无法选择.如果要上传图片到指定文件夹,像相册一样管理图片,则需要扩展KindEditor编辑器. 一个相册实际上对应的就是一个文件夹,我们可以做一个表格来存放.本例为了简单,就不涉及到数据库了. 一.在控制器(defaultController)里编写action,获取文件夹列表,并序列化为JSON对象. public ActionResult album() { if (Request.I…

MVC 中使用kindEditor 图片上传在IE 上进行上传出现的问题

在IE 上使用KindEditor 进行单张图片上传的时候会出现一个下载安全警告,这样将会造成图片上传失败,出现的错误页面:…

vue中使用kindeditor富文本编辑器2

第一步,下载依赖 yarn add kindeditor 第二步,建立kindeditor.vue组件 <template> <div class="kindeditor"> <textarea :id="id" name="content" v-model="outContent"></textarea> </div> </template> <s…

再jsp页面中使用kindeditor 的方法

1.创建一个动态web工程 2.建立一个static库文件夹把CSS,JS样式放进去 3. 复制HTML代码到jsp页面中 4.在相对路径中加上一个"static/" 5.运行截图…

在HTML5 中使用 kindeditor 的方法

1.打开:http://kindeditor.net/ke4/examples/default.html 2.查看源代码,另存为 3.打开http://kindeditor.net/demo.php,点击右上角的下载按钮下载源码 4.将lang,plugins,themes,kindeditor-all.js复制到网页目录下 5.修改JS和CSS的相对路径 6.成功截图…

在DjangoAdmin中使用KindEditor（上传图片）

一.下载 http://kindeditor.net/down.php 删除asp.asp.net.php.jsp.examples文件夹拷贝到static目录下二.配置 kindeditor目录下新建conifg.js KindEditor.ready(function(K) { K.create('#id_content', { width: '800px', height: '500px', uploadJson:'/upload_image', }); //http://kinded…

在java web工程中jsp页面中使用kindeditor

在这之前我们用Notepad++写过kindeditor 在Java web工程里也差不多首先我们复制之前的thml代码粘贴到工程里然后把样式也复制进去然后就可以运行了…

kindeditor在Java项目中的应用以及图片上传配置

在官网下载Kindededitor的开发包在项目中javaweb项目中导入kindeditor必须要使用的Jar包(用于文件上传,除非你的富文本编辑器不使用图片上传)jar包可以在官网的开发包中找到,注意下面图jar包的位置将官网开发包中的此jsp文件放在你的项目中,其实富文本编辑器在执行文件上传的时候就是请求的是这个upload_json.jsp文件,这个upload_json.jsp文件起始就相当与一个用于文件上传的Servlet 将kindeditor富文本编辑器需…

富文本KidnEditor在MVC中的应用

最近看到很多网站后台都用到了富文本,包括自己所在的公司也是.公司用的KindEditor,所以就讲讲KindEditor.之前我也没学过,所以网上搜了一篇博文,直接转载如下(PS:完全以学习为目的哦~) 最近转入Asp.net MVC开发,WebForm下惯用的FreeTextBox已然不能用了.于是想找个功能全.界面雅.免费的纯JS编辑器,KindEditor4正好满足本人的要求,包括图片.Flash.视频上传及空间管理而且配置也异常的简单.下面简单说一下在Asp.net MVC环境下基本配置…

为Kindeditor控件添加图片自动上传功能

Kindeditor是一款功能强大的开源在线HTML编辑器,支持所见即所得的编辑效果.它使用JavaScript编写,可以无缝地与多个不同的语言环境进行集成,如.NET.PHP.ASP.Java等.官方网站可以查看这里:http://kindeditor.net/index.php Kindeditor本身提供了许多非常实用的插件,由于代码开源,开发人员可以根据需要对其进行任意扩展和修改. 在使用Kindeditor编辑网站内容时考虑这样一个场景:编辑人员往往会从其它页面或者Word文档将内容复…

KindEditor用法介绍

KindEditor是一套很方便的html编译器插件.在这里做一个简单的使用介绍. 首先在官网上下载最新的KindEditor文件(里面有jsp,asp等不同版本文件夹,可以删掉你不需要的版本), 把整个文件夹放到你的web服务器里(放哪都行,但放的位置需要有访问权限,最好建立一个权限为777的public文件夹,把KindEditor文件夹放进去). 之后在需要用到KindEditor的页面引入以下两个js文件(具体js目录根据你的KindEditor文件夹位置而定) <script char…

KindEditor上传本地图片在ASP.NET MVC的配置

http://www.cnblogs.com/upupto/archive/2010/08/24/1807202.html 本文解决KindEditor上传本地图片在ASP.NET MVC中的配置. 开发工具:VS 2010 EN 开发语言:Visual C# ASP.NET MVC 2.0 kindeditor-3.5-zh_CN 下载文中以Blog文章为例,为做演示,数据表比较简单,如下图: 添加 BlogController Code: 1 2 3 4 5 6 7 8 9 10 11 1…

KindEditor配置步骤

KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器. KindEditor使用JavaScript编写,可以无缝的与Java..NET.PHP.ASP等程序接合. KindEditor非常适合在CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在…

（转）ASP.NET版本的Kindeditor插件的使用（同步）

昨天老大让我自己下载一个kindeditor说要放到“描述”功能中,并且不能提交(一边在textarea中写一边在label控件中将数据显示出来),由于从来没弄过,实在费了一翻劲.所以将此记录下来,一方面加深自己的记忆,另一方面希望大家批评指正. 先从官网中现在最新版本的Kindeditor,官网地址:http://www.kindsoft.net/ 下载完成后,将整个文件夹解压.其中包含有asp.php.asp.net等使用kindeditor的实例,这里我用的是asp.net的实例. 1.在…

angularJS+KindEditor无法获取或清空textarea的值

在html页面中初始化KindEditor: <script type="text/javascript"> var editor; KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { allowFileManager: true // 是否允许浏览服务器已上传文件 }); });</script> 然后在angularJS的控制器中以…

【PHP中使用kindeditor】的更多相关文章