kindeditor使用
下载地址http://kindeditor.net/down.php
使用步骤:
引入js
<script charset="utf-8" src="resource/kindeditor-4.1.7/kindeditor.js"></script>
<script charset="utf-8" src="resource/kindeditor-4.1.7/lang/zh_CN.js"></script>
编辑器初始化:
KindEditor.ready(function(K) {
        var editor1 = K.create('#editor_id',{
                                    uploadJson : '<%=basePath%>resource/kindeditor-4.1.7/jsp/upload_json.jsp',
                                    fileManagerJson : '<%=basePath%>resource/kindeditor-4.1.7/jsp/file_manager_json.jsp',
                                    allowFileManager : true,
                                    imageSizeLimit : '2MB', //批量上传图片单张最大容量
                                    imageUploadLimit : 5, //批量上传图片同时上传最多个数
                                    afterCreate : function() {
                                        var self = this;
                                        K.ctrl(document, 13, function() {
                                            self.sync();
                                            document.forms['example'].submit();
                                        });
                                        K.ctrl(self.edit.doc, 13, function() {
                                            self.sync();
                                            document.forms['example'].submit();
                                        });
                                    }
                                });
            });
html代码:
<textarea id="editor_id" name="newsContent" ></textarea>
上传图片注意:
1,保存功能无需自己编写后台代码,配置好uploadJson 、 fileManagerJson 即可
2,若多图上传失败,请检查uploadJson 、 fileManagerJson的路径
kindeditor使用的更多相关文章
- 让kindeditor显示高亮代码
		
kindeditor4.x代码高亮功能默认使用的是prettify插件,prettify是Google提供的一款源代码语法高亮着色器,它提供一种简单的形式来着色HTML页面上的程序代码,实现方式如下: ...
 - Kindeditor在ThinkPHP框架下的使用
		
1.简单调用Kindeditor的图片上传功能: a.Html部署图片预览,记录图片上传成功之后的路径,以及上传图片点击按钮 <tr> <td>活动图片:</td> ...
 - ASP.NET MVC5+EF6+EasyUI 后台管理系统(36)-文章发布系统③-kindeditor使用
		
系列目录 我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级.都是系统的首选 很多文章教程有kindeditor的使用,但本文比较特别可能 ...
 - KindEditor  给KindEditor赋值
		
在项目的过程中,使用了KindEditor编辑器,然后在赋值的时候,我的编辑器ID是content,然后我想通过$("#content").html()来赋值,发现赋值失败,后来百 ...
 - Ajax 提交KindEditor的数据
		
这次我是在EasyUI中使用了KindEditor的编辑器,按照官方给的代码,总是无法获取编辑器里面的值(内容),如下: KindEditor.ready(function (K) { ...
 - 如何在一个页面添加多个不同的kindeditor编辑器
		
kindeditor官方下载地址:http://kindeditor.net/down.php (入门必看)kindeditor官方文档:http://kindeditor.net/doc.ph ...
 - kindeditor 去掉网络图片上传功能
		
kindeditor是一款开源的富文本编辑器,其内容设置均为可配置,使用比较灵活. 去掉网络图片的页面:allowImageRemote: false, 修改上传的图片的name:filePostNa ...
 - 关于JqueryEasyUI集合Kindeditor
		
写在前面 上一篇<初试JqueryEasyUI(附Demo)>: 在上一篇说过,下面要试下easyui集合编辑器,关于编辑器网上有很多,ckeditor.ueditor.kindedito ...
 - jquery弹出下拉列表插件(实现kindeditor的@功能)
		
这几天有个工作需求,就是在富文本输入区域(kindeditor)可以有@功能,能够容易提示用户名的(像在qq群组@人一样).在网上找了一个叫bootstrap-suggest的插件,却不能满足我的需求 ...
 - kindeditor在光标处插入编辑器外的数据
		
页面 <div class="form-group clearfix"> <label class="control-label col-sm-3 co ...
 
随机推荐
- Java多线程窥探
			
1.程序,进程,线程 标准定义:
 - Wing IDE设置(自动补全&注释快捷键)
			
自动补全(默认使用Tab键自动补全) 修改方法:edit -> preferences -> Editor -> Auto-completion 把右边keys的地方,从tab改成 ...
 - mp3格式转wav格式   附完整C++算法实现代码
			
近期偶然间看到一个开源项目minimp3 Minimalistic MP3 decoder single header library 项目地址: https://github.com/lieff/m ...
 - Setup Automapper in ASP.NET Core
			
1.添加Nuget Package Install-Package AutoMapper.Extensions.Microsoft.DependencyInjection 2.修改Startup.cs ...
 - Vim 在 windows 环境下的初步配置
			
一..下载工具包 vim 程序:下载安装程序 vim-plug 插件: 下载插件管理文件 二. 安装 VIM 1.如果无特别要求,一路选择默认, 在类型选择时,选择 full 2. 配置 vim-pl ...
 - spring的父子容器
			
在创建ssm项目工程时,经常需要读取properties资源配置文件,传统的方法当然可以. 但是spring提供了更简便的方法,@value注解. 在page.properties文件中,配置分页信息 ...
 - 基于Windows下处理Java错误:编码GBK的不可映射字符的解决方案
			
基于Windows下处理Java错误:编码GBK的不可映射字符的解决方案 最近在研究Java,涉及命令行编译,使用notepad++编辑器,然后使用javac编译: 之前的几个文件没有中文的内容,都没 ...
 - BZOJ 1001: [BeiJing2006]狼抓兔子【最大流/SPFA+最小割,多解】
			
1001: [BeiJing2006]狼抓兔子 Time Limit: 15 Sec Memory Limit: 162 MBSubmit: 23822 Solved: 6012[Submit][ ...
 - UVALive3882-And Then There Was One-约瑟夫问题-递推
			
And Then There Was One Time limit: 3.000 seconds Let's play a stone removing game. Initially, n ston ...
 - LuceneNet 实现快速大文件大数据查询
			
做过站内搜索的朋友应该对Lucene.Net不陌生,因为用普通的sql like查询肯定是不行的,太慢了. 首先说明的是--Lucene.Net只是一个全文检索开发包,不是一个成型的搜索引擎, 它的 ...