`
- 浏览:
13274 次
-
kindeditor的使用,官网地址:http://kindeditor.net/demo.php
简单的将昨天简单使用的kindeditor 记下来。
首先在jsp页面,引入需要的js文件,
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>
第二步,创建一个textarea,如下:
<div id="point">
<textarea name="content" cols="60" rows="4"></textarea>
</div>
第三步 在textarea中引入kindeditor
在js中
<script type="text/javascript">
//创建kindeditor的编辑器
var editor = KindEditor.create('textarea[name="content"]', {
allowFileManager : true,
uploadJson : ctx+'/kind/upload', //上传图片
fileManagerJson:ctx+'/kind/getFileList',//上传文件
afterCreate : function() {
this.sync();
},
afterBlur:function(){
this.sync(); //将editor的内容同步到textarea中
},
height:120,
items:['source','justifyleft','justifycenter','justifyright','fontname','fontsize','bold','italic','underline','subscript','superscript','image','table','clearhtml']
});
</script>
引入kindeditor还有一种方式,使用全局变量的方式:
<script charset="utf-8" src="/editor/kindeditor.js"></script>
<script charset="utf-8" src="/editor/lang/zh_CN.js"></script>
<script>
KindEditor.ready(function(K) {
var editor = K.create('textarea[name="content"]', {
allowFileManager : true,
uploadJson : ctx+'/kind/upload', //上传图片
fileManagerJson:ctx+'/kind/getFileList',//上传文件
afterCreate : function() {
this.sync();
},
afterBlur:function(){
this.sync(); //将editor的内容同步到textarea中
},
height:120,
items:['source','justifyleft','justifycenter','justifyright','fontname','fontsize','bold','italic','underline','subscript','superscript','image','table','clearhtml']
});
</script>
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
kindEditor使用说明书 kindEditor使用说明书 kindEditor使用说明书 kindEditor使用说明书
jquery + kindEditor使用,html js jquery 实现文本编辑器的加载 显示 使用
kindEditor使用说明2
KindEditor使用说明书 官方只提供了网页版的说明,简单整理为word版!
富文本编辑kindeditor使用 java 实现 spring mvc也有可以参考
KINDEditor使用手册 非常实用的
解决KindEditor使用.net验证控件需要点击两次才能通过验证的问题。 经过三天的摸索,终于解决了,特分享一下。
Kindeditor的使用方法,你可能会用到的哦
关于KindEditor的详细使用说明,文中详细的介绍了KindEditor使用的每一个细节。亲测可用
kindEditor编辑器使用方法_附带实际案例(asp下面的例子,php .net java下雷同)此方法主要讲述KindEditor编辑器无法获得提交的数据问题
自己用过的kindeditor,有自己写的简单的使用文档,希望对大家有帮助
kindEditor使用记录
前几天找到的好东西,现在拿来和大家分享一下。希望可以给大家一点帮助。里面的内容就是对KindEidtor编辑器的使用说明。
KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的...
KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。 特点: 1. 体积小,加载速度快,但功能十分丰富。2...
vue 使用kindeditor粘贴复制图片上传给自己服务器,单独图片上传,避免用户到处寻找,解决了用户粘贴复制截图时候,图片变成base64,上传给后台的时候长度过于长,所以在粘贴的时候就上传给服务器,最后以形式显示在富...
KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的...
KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的...
KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合。 KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的...