一.基本配置 Kindeditor是一款富文本编辑器,作用跟博客园写文章用的这个编辑器一样,都是为了让文本加入各种各样的修饰元素. 使用方法如下,解压缩,把期中的ASP\NET\PHP文件夹都删除,然后在web项目下新建一个文件夹/kindeditor,再将文件拖入: 目录结构如上. 在需要导入kindeditor的JSP中添加以下代码 <!-- kindeditor --> <script charset="utf-8" src="kindeditor/k

KindEditor编辑器在ASP.NET中的使用 最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEditor. KindEditor简介: KindEditor是一套开源的HTML可视化编辑器,主要用于让用户在网站上获得所见即所得编辑效果,兼容IE.Firefox.Chrome.Safari.Opera等主流浏览器.KindEditor使用JavaScript编写,可以无缝的于Java..NET.PH

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”(文件名可任意).

1.什么是KindEditor KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScript 编写,可以无缝地与 Java..NET.PHP.ASP 等程序集成,比较适合在 CMS.商城.论坛.博客.Wiki.电子邮件等互联网应用上使用. 2.前期准备 到官网下载最新版的KindEditor 4.11

一.kindeditor以及struts2部署搭建不再赘述,如需要请参考kindeditor使用方法 Struts2框架搭建 二.kindeditor图片上传所依赖jar包在kindeditor\jsp\lib下有 三.以下列出部分核心代码,如需要全部源码可点击下载 JSP <textarea id="editor_id" name="content" style="width:950px;height:300px;"> 这里输入内容

kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 在这里我着重介绍一些使用kindeditor修改图片上传路径并通过webapi上传图片到图片服务器的方案. 因为我使用的开发语言是C#&ASP.NET MVC.所以首先需要在项目中引用LitJSON.dll,如下图: 我们修改上传文件:upload_json.ashx <%@ WebHandler Language="C#" Class="Upload" %> /**

前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功能 kindeditor修改图片上传路径并通过webapi上传图片到图片服务器(支持分布式图片) 结果演示 1.扩展粘贴图片功能演示 2.修改图片上传路径演示: 我们的网站演示地址是:http://localhost:9393/ 我们的图片服务器地址是:http://localhost:9394/

jsp代码 1 <script type="text/javascript" src="${pageContext.request.contextPath}/kindeditor/lang/zh-CN.js"></script> 2 <script type="text/javascript" src="${pageContext.request.contextPath}/kindeditor/kinded

做公司网站的时候由于需要在内容属性中加入图片,所以就有了这个问题,本来一开始找几篇文章看都是讲修改kindeditor/jsp/file_manager_json.jsp和upload_json.jsp,可我改了半天地址,还是没改对,所以想到另一个方法,因为upload_json.jsp的主要功能就是上传图片呗,用的是java语言,在jsp中代码都用<%%>包起来了,所以我直接页面中上传功能那里直接去找的action里面的方法,然后用java去写,内容是在网上找的一个写好的,不过介绍的不好,我

kindtor默认使用的上传方法是使用目录下面的一般处理程序upload_json.ashx,暂时还不支持asp.net core下的文件上传,下面放出的自定义处理上传文件的接口方法. 自定义接收上传文件的action替换一般处理程序 代码如下: public class FileController : Controller { private readonly IHostingEnvironment _hostingEnvironment; public FileController(IHo

前言 kindeditor是一个非常好用的富文本编辑器,它的简单使用我就不再介绍了. 而kindeditor却对图片的处理不够理想. 本篇博文需要解决的问题有两个: kindeditor扩展粘贴图片功能 kindeditor修改图片上传路径并通过webapi上传图片到图片服务器(支持分布式图片) 结果演示 1.扩展粘贴图片功能演示 2.修改图片上传路径演示: 我们的网站演示地址是:http://localhost:9393/ 我们的图片服务器地址是:http://localhost:9394/

<script charset="utf-8" src="editor/kindeditor.js"></script> <script charset="utf-8" src="editor/lang/zh_CN.js"></script> KindEditor.ready(function(K) { window.editor = K.create('#desc',{ res

给客户制作的项目中需要添加富文本,从网上看了一下很多人推荐kindeditor这个编辑器,用了之后也感觉不错,有一些问题的就是上传图片的时候遇到了一些问题,在这里记录一下,也方便以后查看. 首先在官网下载kindeditor压缩包,(我这里用的是kindedito-4.1.7),解压开,把jsp. plugins.skins.kindeditor.js .kindedditor-min.js放进自己的项目中(我是放在webroot下面新建的文件夹kindeditor下面的),其他的可以不放. 下

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

所需插件:kindeditor下载   密码: 5ry4 jsp文件: <script type="text/javascript" language="javascript" src="<%=basePath%>resources/kindeditor/kindeditor-all.js"></script> <script type="text/javascript" langua

Jsp页面代码: <script> var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name="content"]', { uploadJson :$('#basePath').val() + 'kindeditor/fileUpload', fileManagerJson : $('#basePath').val() + 'kindeditor/fileManager', res

NopCommerce 自带的编辑器tinymce 功能不是很全.所以尝试将其替换为功能更强大的 KindEditor 并替实现文件上传和在线浏览功能 首先下载 并解压到如下位置 请注意这里是部署在Nop.Web站点下,前后台分离部署的情况请另作调整 部署时记得删除Kindedtor/asp.net/文件夹 修改富文本编辑器模板:Presentation/Nop.Web/Administration/Views/Shared/EditorTemplates/RichEditor.cshtml @

1. 在编辑页面引入js <script type="text/javascript" charset="utf-8" src="${basePath }/js/plugin/kindeditor-4.1.7/kindeditor-min.js"></script><script type="text/javascript" charset="utf-8" src="

效果图: kindeditor 是一个插件 下载地址: https://files-cdn.cnblogs.com/files/lxnlxn/kindeditor.zip 解压后将其放在项目的js文件夹下边,将js/kindEditor/jsp/lib下的jar包放在项目的WEB-INF下的lib中并且Build Path jsp页面:引入kindeditor插件 <head> <link rel="stylesheet" href="${basePath}

最近后台要求要指定上传附件的时间日期,编辑器是kindeditor,仔细研究后发现可以借助clickToolbar事件,传递时间到后台,但是中途发现传递的时间总是初始化my97的时间,改变后的时间只有在提交时才能生效于是又研究了下My97,终于解决 <tr class="info"> <td class="text-right">自定义发布时间</td> <td> <fmt:formatDate value=&q

jsp代码 1 <script type="text/javascript" src="${pageContext.request.contextPath}/kindeditor/lang/zh-CN.js"></script> 2 <script type="text/javascript" src="${pageContext.request.contextPath}/kindeditor/kinded