最近做项目要用文本编辑器,编辑器好多种,这里介绍KindEditor在asp.net mvc4中的使用方法. 一.准备工作: 1.下载KindEditor.去官网:http://www.kindsoft.net/ 2.解压,拷贝到项目中(这里面有些例子,可以先删除掉在拷贝到项目中.) 二.使用步骤: 1.view页面 <script> var editor; KindEditor.ready(function (K) { editor = K.create('textarea[id="…

最近做项目要用文本编辑器,编辑器好多种,这里介绍KindEditor在asp.net mvc4中的使用方法. 一.准备工作: 1.下载KindEditor.去官网:http://www.kindsoft.net/ 2.解压,拷贝到项目中(这里面有些例子,可以先删除掉在拷贝到项目中.) 二.使用步骤: 1.view页面 <script> var editor; KindEditor.ready(function (K) { editor = K.create('textarea[id="…

ASP.NET 配置KindEditor文本编辑器 跟着这篇博客做了两个小时,只搞出了下面这么个东西. 时间浪费在了原博客里这样的一句话:将kindeditor/asp.net/bin/LitJSON.dll文件复制到libs文件夹中,并引用.(在别的电脑上,这个引用路径可能不正确,直接找到项目中libs中的LitJSON.dll再次引用即可) 我郁闷,什么叫引用啊,Google了一大会,还是没搞明白.尝试着右击项目名称添加-->reference-->browse找到LitJSON.dll文…

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

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

aspx中代码: <%@ Page Language="C#" ValidateRequest="false" AutoEventWireup="true" CodeBehind="News.aspx.cs" Inherits="JiangHuJia.Web.backstage.AboutUs.News" %> ( 注意:在上行代码中别忘了写  ValidateRequest="fal…

官网:http://kindeditor.net/docs/usage.html 目前支持ASP.ASP.NET.PHP.JSP.…

这个问题我已经解决掉了,不是更改内容的编码格式,只要将lang/zh_CN.js  这个文件的编码转换成unicode即可 操作方法是 用记事本打开这个文件,另存为,然后更改文件的编码格式为unicode...然后覆盖上去…

后台文本编辑器KindEditor介绍 我们在自己的个人主页添加文章内容的时候,需要对文章内容进行修饰,此时就需要文本编辑器助阵了! 功能预览 KindEditor文本编辑器 KindEditor文本编辑器官网:http://kindeditor.net/demo.php 本文简单介绍下KindEditor的引入.主要的参数以及上传文件等功能. KindEditor的引入 在官网下载好编辑器文件后,我们把它放在项目的static/blog目录下,如下图所示: 那么在我们需要调用编辑器的模板中加入…

在使用kindeditor文本编辑器时遇到的问题,客户直接从Excel里粘贴文本内容到文本编辑器中(能不能再懒一些),然后不调整粘贴内容直接就保存(你敢不敢再懒一些)!对于这种很无语的行径,我只能对他大吼一声,我做一个标签过滤吧,这样你粘贴就不会出现问题了(怂?谁惹得起客户). 过滤方法也简单: KindEditor.ready(function (K) { editor = K.create('textarea[name="content"]', { filterMode: true…

<!--富文本编辑器kindeditor配置↓ --> <link type="text/css" rel="stylesheet" href="kindeditor/themes/default/default.css" /> <link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" /> &l…

过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多.下面要推荐的两款富文本编辑器都是使用JS编写,使用简单,非常轻量级. NicEditor NicEdit是一个轻量级,跨平台的Inline Content Editor.NicEdit能够让任何 element/div变成可编辑或者能够把标准的TextArea转换成富文本编辑器. 主页:http://nicedit.com/ 下载:http:…

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

原因 在今年4月份的时候写过一篇关于easyui整合UEditor的文章Spring+SpringMVC+MyBatis+easyUI整合优化篇(六)easyUI与富文本编辑器UEditor整合,从那时起,ssm项目中所使用的富文本编辑器都是UEditor. 文章的末尾也说了UEditor的一些坑:遮罩层问题,初始化和对象销毁的问题,图片上传配置,官方jar包也有问题(貌似官方在mavne仓库没有jar包) 虽然解决了大部分,不过用着依然不是很舒服,中间也想过换一个,但是本人实在有些懒,直到前几…

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

在用富文本编辑器时经常会遇到的问题是asp.net报的”检测到有潜在危险的 Request.Form 值“一般的解法是在aspx页面   page  标签中加上 validaterequest='false'  但这样的话   既不安全 也不一定有效,好吧,说说我的解决方法吧, 就是在提交的时候不让富文本的内容提交,先是把内容编码给到一个隐藏标签,然后给富文本赋空值. KindEditor.ready(function (K) { Editor = K.create('#txtIntroduct…

我的博客本来打算使用layui的富文本编辑器,但是出了一个问题,无法获取编辑器内容,我参考官方文档,获取内容也就那几个方法而已,但是引入进去后始终获取的值为空,百度和bing都试过了,但是始终还是获取不到值. layui富文本编辑器文档如下图所示: 能尝试的方法都试过了,最后实在没有办法,只好引入新的富文本编辑解决这个问题. 现在回到这个话题上,如何使用KindEditor富文本编辑器? 1.去官网下载对应的js库 官网地址为:http://kindeditor.net/down.php 2.对…

第一版:存放位置:  ---->把该创建的文件包放到javaWeb 过程的 WEB_INF 下:如图所示. 第二步:< kindEditor 插件的引用> :JS引用 <script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script> <script ty…

下载kindeditor 可以选择去官网下载(http://kindeditor.net/down.php),不过要FQ:或者直接CSDNhttp://download.csdn.net/download/dknightl/9813052 下载解压完放入自己的项目中 在解压完后可以删除不需要的文件夹,我是删除了asp.asp.net.jsp.php,examples可以放到其他地方,用作代码参考. 初始化kindeditor富文本编辑器 首先先导入下面css和js文件 <link rel="…

一.简介 django是一个容易快速上手的web框架,用它来创建内容驱动型的网站(比如独立博客)十分方便.遗憾的是,django并没有提供官方的富文本编辑器,而后者恰好是内容型网站后台管理中不可或缺的控件.常见的富文本编辑器有ckeditor,ueditor,kindeditor,tinmce...       KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为…

一.子评论 必须点击回复,才是子评论!否则是根评论点击回复之后,定位到输入框,同时加入@评论者的用户名 定位输入框 focus focus:获取对象焦点触发事件 先做样式.点击回复之后,定位到输入框,加入被评论的用户名 给回复的a标签加一个class=reply_btn,关闭a标签的跳转,使用javascript:void(0) 修改article_detail.html,增加一段回复的js {% extends "base.html" %} {% block content %} &…

问题: 如何判断富文本编辑器文本内容非空 错误的办法,采用js 对控件本身的txt ID 号抓取获取值,由于加载富文本编辑器时,界面的ID 已经经过了修改或者可以用转换来说,所以抓取是无效果的. 需要采用的就是如下代码段 var a = KindEditor.instances[0]; if (a.isEmpty()) { alert("Please input text"); return false; } return true; 这种办法,就必须要注意页面创建富文本编辑器的个数和…

1. 学习计划 1.图片上传 a) 图片服务器FastDFS b) 图片上传功能实现 2.富文本编辑器的使用KindEditor 3.商品添加功能完成 2. 图片服务器的安装 1.存储空间可扩展. 2.提供一个统一的访问方式. 使用FastDFS,分布式文件系统.存储空间可以横向扩展,可以实现服务器的高可用.支持每个节点有备份机. 2.1. 什么是FastDFS? FastDFS是用c语言编写的一款开源的分布式文件系统.FastDFS为互联网量身定制,充分考虑了冗余备份.负载均衡.线性扩容等机制…

1. 下载编辑器 下载 KindEditor 最新版本,下载页面: http://www.kindsoft.net/down.php 2. 部署编辑器 解压 kindeditor-x.x.x.zip 文件,将editor文件夹复制到web目录下  3.在网页中加入(ValidateRequest="false") <%@ Page Language="C#" AutoEventWireup="true" ValidateRequest=&q…

文章描述.新闻详情和产品介绍等,都需要大量的文字描述信息或图片.视频.文字的编辑等,这个时候我们就需要介绍第三方富文本编辑器. 今天介绍的是django中绑定和应用kindeditor编辑器: 效果如图: 一.应用中使用 第一步:到官网下载 kindeditor 下载好后删除这些没有的文件asp,asp.net,jsp,php.在django中这些都没用. 第二步:将删除后的文件引入自己的项目中.根目录下的static/js/kindeditor/ 第三步: 1.创建前端测试展示页kindedi…

做过Web开发的朋友相信都使用过富文本编辑器,比较出名的CuteEditor和CKEditor很多人应该已经使用过,在功能强大的同时需要加载的东西也变得很多.下面要推荐的两款富文本编辑器都是使用JS编写,使用简单,非常轻量级. NicEditor NicEdit是一个轻量级,跨平台的Inline Content Editor.NicEdit能够让任何 element/div变成可编辑或者能够把标准的TextArea转换成富文本编辑器. 主页:http://nicedit.com/ 下载:http…

http://blog.csdn.net/yerenyuan_pku/article/details/72809794 通过上文的学习,我们知道了怎样解决KindEditor富文本编辑器上传图片时的浏览器兼容性问题,至于本文,我将为大家介绍一下KindEditor富文本编辑器与淘淘商城相结合的使用方法. 我们在发表一篇博客或者微博的时候,都会用到富文本编辑器,因为它提供的功能非常丰富,不仅能写文字,还能设置字体大小.颜色,还能插入图片.音频.视频等等.现在流行的编辑器有三个,第一个是KindEd…

http://blog.csdn.net/u012453843/article/details/70184155 上节课我们一起学习了怎样解决KindEditor富文本编辑器上传图片的浏览器兼容性问题,这节课我们一起学习下富文本编辑器与淘淘商城相结合的使用方法. 我们在发表一篇博客或者微博的时候,都会用到富文本编辑器,因为它提供的功能非常丰富,不仅能写文字,还能设置字体大小.颜色,还能插入图片.音频.视频等等.现在流行的编辑器有三个,第一个是KindEditor,这是国内人写的:第二个是百度编辑…

1.什么是富文本编辑器 百度百科(https://baike.baidu.com/item/%E5%AF%8C%E6%96%87%E6%9C%AC%E7%BC%96%E8%BE%91%E5%99%A8/10954999?fr=aladdin) KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框. KindEditor 使用 JavaScrip…

富文本编辑器 KindEditor 富文本编辑器,Rich Text Editor , 简称 RTE , 它提供类似于 Microsoft Word 的编辑功能. 常用的富文本编辑器: KindEditor http://kindeditor.net/ UEditor http://ueditor.baidu.com/website/ CKEditor http://ckeditor.com/ 基本使用 <!DOCTYPE html> <html> <head> <…