使用KindEditor添加自定义插件，下载KidEditor，http://www.kindsoft.net/down.php。然后直接把zip文件解压到Tomcat中的webapps目标下，在webapps\kindeditor-4.1.7\jsp文件夹下创建hello.jsp，代码如下：
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>KindEditor JSP</title>
<link rel="stylesheet" href="../themes/default/default.css" />
<link rel="stylesheet" href="../plugins/code/prettify.css" />
<script charset="utf-8" src="../kindeditor.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script charset="utf-8" src="../plugins/code/prettify.js"></script>
<style>
.ke-icon-hello {
background-image: url(../themes/default/default.png);
background-position: 0px -672px;
width: 16px;
height: 16px;
}
</style>
<script>
KindEditor.plugin('hello', function(K) {
var editor = this, name = 'hello';
// 点击图标时执行
editor.clickToolbar(name, function() {
editor.insertHtml('你好' );
});
});
KindEditor.lang({
hello : '你好'
});
KindEditor.ready(function(K1) {
K1.create('#editor_id', {
items : ['hello']
});
});
</script>
</head>
<body>
<form name="example" method="post" action="demo.jsp">
<textarea id="editor_id" name="editor_id" style="width:700px;height:300px;"></textarea>
</form>
</body>
</html>
在23行中var editor = this,这里的this是KEditor对象，而KindEditor其实就是K，这里为什么用KindEditor.plugin而不用K.plugin是因为在源码中作者是在window对象中定义了一个KindEditor变量（window.KindEditor=K; kindeditor.js中1773行左右），这样我们在页面中就可以直接调用
参考：http://www.kindsoft.net/docs/plugin.html
相关推荐
kindeditor自定义添加网络视频插件-，修改批量图片上传方式flash为h5上传kindeditor自定义添加网络视频插件-，修改批量图片上传方式flash为h5上传
kindeditor自定义添加网络视频插件，修改批量图片上传方式flash为h5
底层：内置自定义 DOM 类库，精确操作 DOM 扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能 风格：修改编辑器风格非常容易，只需修改一个 CSS 文件 兼容：支持大部分主流浏览器，比如 IE、Firefox...
基于插件的方式设计，所有功能都是插件，增加自定义和扩展功能非常简单。 4. 修改编辑器风格很容易，只需修改一个CSS文件。 5. 支持大部分主流浏览器，比如IE、Firefox、Safari、Chrome、Opera。 程序演示 ...
Kindeditor使用说明，如何添加自定义插件等等
KindEditor 是一套开源的在线HTML编辑器，...扩展：基于插件的设计，所有功能都是插件，可根据需求增减功能 风格：修改编辑器风格非常容易，只需修改一个 CSS 文件 兼容：支持大部分主流浏览器，比如 IE、Firefox、S
最近在做一个学校的XXX系统项目，因项目有个需求就是要像在word里面的添加批注功能...最后决定还是自己写一个添加批注的工具出来，写到一半的时候竟发现一个国内强大的HTML编辑器KindEditor，只需几行代码就解决了。
2、独有的淘点金KindEditor编辑器插件，方便添加文章的时候，随时插入淘点金标签代码。通过淘点金把普通淘宝商品、店铺链接转换成佣金链接。 3、程序内置4个不同的模板供后台切换。 4、带文章系统同时生成静态页面...
2、独有的淘点金KindEditor编辑器插件，方便添加文章的时候，随时插入淘点金标签代码。通过淘点金把普通淘宝商品、店铺链接转换成佣金链接。3、程序内置4个不同的模板供后台切换。4、带文章系统同时生成静态页面，...
2、独有的淘点金KindEditor编辑器插件，方便添加文章的时候，随时插入淘点金标签代码。通过淘点金把普通淘宝商品、店铺链接转换成佣金链接。 3、程序内置4个不同的模板供后台切换。 4、带文章系统同时生成静态页面...
由于这个kindeditor文件默认所有的上传插件是通用的， 所以上传视频等其他文件时，可点击“所有文件” 后台插件改进 添加“生成今日内容”页面功能，可对今日采集的内容一键生成html页面 发布“微信百度采集插件...
2、独有的淘点金KindEditor编辑器插件，方便添加文章的时候，随时插入淘点金标签代码。 3、通过淘点金把普通淘宝商品、店铺链接转换成佣金链接。 4、程序内置4个不同的模板供后台切换。 5、带文章系统同时文章生成...
2、修正后台添加插件时监听器设置错误的BUG. 特点： Phpvod从创立之初即以提高产品效率为突破口，随着编译模板，数据缓存等技术的应用，和坚固的数据结构及最少化数据库查询设计，使得PHPvod 可以在极为繁忙的...
2、独有的淘点金KindEditor编辑器插件，方便添加文章的时候，随时插入淘点金标签代码。通过淘点金把普通淘宝商品、店铺链接转换成佣金链接。 3、程序内置4个不同的模板供后台切换。 4、带文章系统同时生成静态页面，...
废弃 原编辑器改为使用kindeditor(代码过滤稍比原编辑器弱) 废弃 自定义后台菜单功能 废弃 管理员后台登陆路径须手动调整 废弃 原商品规格处理模式,启用新模式 (若已有用户使用商品规格须手动处理) 废弃 原商品...
1、功能频道：内容频道(强大自定义功能)、产品频道(强大自定义功能)、交互(留言)频道，可以自由添加频道2、插件模块：支付管理、购物管理、会员管理、广告管理、专题管理、评论管理、链接管理等3、系统功能：静态...
5、自定义字段：强大的自定义字段功能，可按栏目、频道添加各种输入字段，包括文本、数字、单选、多选、编辑器、单附件、多附件 6、SEO优化：独立的页面SEO信息设置，方便快捷 7、HTML静态：全站纯静态生成功能 8...
4、新增加KindEditor编辑器，可后台配置选择使用 5、修改后台文章删除后，静态HTM文件没有删除的BUG 6、修改文章内容过多时出错的BUG 7、增加QQ登录接口 8、增加会员站内短信模块 9、增加群发短信和群发邮件...
我们不会将只有“20%”用户使用的功能添加进来，只有这样才能保持博客系统本该有的纯净，足够轻量才能带来简约的使用体验。 Markdown / TinyMCE / KindEditor / Emoji / 标签 自定义导航（页面、链接） 草稿夹 评论...
6.修正了后台添加广告或编辑广告内容时，如果是代码类型发生错误问题； 7.换了广告焦点图FLASH插件，解决了用户反映第一张图片无法显示问题； 注：ACCESS版和MSSQL版的功能和界面是一样的，他们除了DAL之外，还有很...