简单使用方法
1. 下载KindEditor最新版本。
下载地址:http://code.google.com/p/kindeditor/downloads/list
2. 解压文件,并把解压后得到的所有文件及文件夹都放到您的程序目录下,例如:http://workspace/example/WebRoot/kindeditor/(提示:最重要的最必须的是kindeditor.js文件和plugins,skins两个文件夹,千万要放进去,至于其它的文件夹,可放可不放,一般是没用的,比如,examples就是20多个效果html。)
3.解压文件之后,有个jsp的文件夹,打开后,有个lib的文件夹,里面有三个jar包:commons-fileupload-1.2.1.jar,commons-io-1.4.jar,json_simple-1.1.jar,把这三个jar包放入WEB-INF文件夹下的lib文件夹内,并刷新项目。
4. 以上配置好之后,就可以直接在jsp页面上调用了,要保证的是在jsp页面上调kindeditor.js文件时,路径一定要正确,在添加编辑器的页面头部添加以下代码,id为textarea控件的ID。
- <script type="text/javascript" charset="utf-8" src="/kindeditor/kindeditor.js"></script><!-- 添加kindeditor的引用 -->
-
<script type="text/javascript">
- KE.show({
-
id : 'content_1'
- });
- </script>
<script type="text/javascript" charset="utf-8" src="/kindeditor/kindeditor.js"></script><!-- 添加kindeditor的引用 -->
<script type="text/javascript">
KE.show({
id : 'content_1'//TEXTAREA输入框的ID
});
</script>
5. 在显示编辑器的位置添加TEXTAREA输入框。
- <textarea id="content_1" name="content" style="width:700px;height:300px;visibility:hidden;"></textarea>
-
<textarea id="content_1" name="content" style="width:700px;height:300px;visibility:hidden;"></textarea>
<!-- 注意: 如果原来有TEXTAREA,属性里只加id,width,height即可。 -->
6. 怎么获取textarea的文本内容?
①在TEXTAREA输入框后面添加隐藏input和button,代码如下:
- <input type="hidden" name="content1" id="content1" value="">
-
<input type="button" class="button_01" value="保 存" onclick="checkSubmit();">
<input type="hidden" name="content1" id="content1" value="">
<input type="button" class="button_01" value="保 存" onclick="checkSubmit();">
②添加事件处理代码
- <script language="javascript">
-
function checkSubmit() {
-
var content = KE.util.getData("content_1");
-
- document.NewsInfoForm.content1.value = content;
- }
- </script>
分享到:
相关推荐
kindEditor编辑器使用方法_附带实际案例(asp下面的例子,php .net java下雷同)此方法主要讲述KindEditor编辑器无法获得提交的数据问题
KindEditor是用JavaScript编写的HTML可视化编辑器,在CMS、论坛、博客、电子邮件等互联网应用上得到广泛使用。2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前...
kindeditor在线编辑器php版,直接上传至网站根目录,参照index.php或者使用说明文档进行配置。轻松搞定在线编辑配置
kindeditor4.1.11 网页编辑器使用说明:
KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的...
kindeditor编辑器使用方法!编辑器 下载 编辑器 免费下载
KindEditor富文本编辑器以及帮助文档使用说明,欢迎下载
kindeditor编辑器在asp.net 中使用介绍 编辑器功能强大,实现了文本格式,包含图片,视频以及flash以及动态地图的上传实现。上传部分自己总结的常用方法的封装,有不足和不完美之处,希望大家指出来,愿意一起
源码说明: KindEditor ASP版后台编辑器UTF-8和GB2312均可用 这是KindEditor的ASP版网站后台编辑器,通过测试使用的。 兼容现有的各种浏览器,UTF-8编码和GB2312编码均可使用的。 适合人群:新手及有一定经验的开发...
内有kindeditor-4.1.2编辑器以及其使用说明文档,希望对你有所帮助!
本资源内附使用说明文档,简单易懂。 KindEditor是一套开源的HTML可视化编辑器,兼容IE、Firefox、Chrome、Safari、Opera等主流浏览器。KindEditor使用JavaScript编写,可以无缝的于Java、.NET、PHP、ASP等程序接合...
富文本编辑器kindeditor-4.0.5.zip 非常强大好用的编辑器,用于网页编辑非常方便,可编辑文字,图片,上传文件等等,内有使用说明
web在线编辑 :kindeditor最新版4.1,内包含使用说明(.doc格式),支持ASP, PHP JSP, •asp.net ,内包含源码实例
KindEditor非常适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用,2006年7月首次发布2.0以来,KindEditor依靠出色的用户体验和领先的技术不断扩大编辑器市场占有率,目前在国内已经成为最受欢迎的...
可以直接把子目录"KindEditor"文件夹打包拷走自己使用。 也可以完全不修改直接使用。总之傻瓜,干净,通俗易懂,完爆全网其它教程,一波三折,好用请给高评价。 如果在母版页不显示,是因为textbox的ID控件被重写...
Bugfix: [IE6] 当前页面设置了document.domain,销毁编辑器会报错。 Bugfix: 行首全角空格被过滤。 Bugfix: 修复多语言包的一些小错误。 Bugfix: [IE11] 有些设备报错不能显示,对象不支持attachEvent属性或方法。 ...
KindEditor是一套开源的HTML可视化编辑器,采用JavaScript编写,可以使用在Java、.NET、PHP、ASP程序中。 其中asp、asp.net、jsp、php四个文件夹为KindEditor在个程序中使用的代码说明;examples文件夹为KindEditor...
前几天找到的好东西,现在拿来和大家分享一下。希望可以给大家一点帮助。里面的内容就是对KindEidtor编辑器的使用说明。
压缩包内韩使用说明,KindEditor(ASP版编辑器兼容最新浏览器),一般用于老ASP程序的编辑器升级。
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript ...