kindeditor的使用
Kindeditor在ASP中的调用
Kindeditor 3.5 在ASP中的调用2010-09-26 12:26:51| 分类： | 标签：kindeditor ke编辑器id调用|字号订阅本文引用自岁月明灯《Kindeditor 3.5 在ASP中的调用》引用岁月明灯的Kindeditor 3.5 在ASP中的调用一直在找免费且功能足够强大的Html在线编辑器，ewebeditor不错，可惜要收钱！FCKeditor （后改为CKeditor）听说也不错，只是我琢磨了半天也没看出个头绪，在百度上搜了半天，终于找到这个Kindeditor，虽然没什么太多的技术说明，但好歹是咱中国人的产品，简单易用，而且最最最重要的是免费的！！！嘿嘿！下面介绍一下要在ASP中正常使用该编辑器所要做的工作。
第一步：下载kindeditor ，可以到/去下载最新的版本，目前是3.5版本;第二步：因为文件是压缩的，所以要先将其解压缩，解压后进入该目录，复制里面的全部文件；第三步：到自己的网站下，建立一个名为kindeditor目录，将刚才复制的文件全部粘贴进去；第四步：打开自己要调用该编辑器的文件，将以下代码拷贝到<head>里面（注意：红字部分用来说明，为不影响代码正常运行，最好看懂后删掉）：<script charset="utf-8" src="kindeditor/kindeditor.js"></script> /*SRC后面的路径按自己的实际路径修改*/<script>KE.show({id : 'jshhnews_content', /*这里的ID很重要，要对应第二个点中的ID*/cssPath : './index.css',afterCreate : function(id) {KE.event.ctrl(document, 13, function() {KE.util.setData(id);document.forms['form1'].submit(); /*注意form1为body体中的表单名称，根据自己的实际情况进行修改*/});KE.event.ctrl(KE.g[id].iframeDoc, 13, function() {KE.util.setData(id);document.forms['form1'].submit(); /*注意form1为body体中的表单名称，根据自己的实际情况进行修改*/});}});</script>第四步：在<body>体中需要调用的地方加入以下代码：<textarea id="jshhnews_content" name="news_content"style="width:700px;height:300px;visibility:hidden;"></textarea>语句说明：1、id一定要对应前面head中的id，否则你永远也看不到编辑器；2、name是这个文本的名称，在需要读取文本内容时可以用news_content=request.form("news_content")来读取文本内容；3、style里面的内容会英文的都知道，就是定义这个编辑器的长和宽。
kindle 使用手册
kindle 使用手册Kindle是亚马逊公司推出的一款电子书阅读器，它的便携性和阅读体验深受读者的喜爱。
然而，对于新手来说，使用Kindle可能会有一些困惑和不熟悉的地方。
本文将为大家提供一份Kindle使用手册，帮助大家更好地使用这款设备。
一、购买和设置Kindle在购买Kindle之前，我们需要先了解一些基本信息。
Kindle有多个型号，每个型号都有自己的特点和功能。
我们可以根据自己的需求选择适合自己的型号。
购买之后，我们需要将Kindle连接到互联网，并进行一些基本设置，例如选择语言、连接Wi-Fi等。
二、下载和管理电子书Kindle最大的优势之一就是可以随时随地下载和阅读电子书。
我们可以通过亚马逊的Kindle商店购买电子书，也可以通过其他渠道下载免费的或者自己制作的电子书。
下载后，我们可以在Kindle的图书馆中找到这些电子书，并进行管理和分类。
三、个性化设置和阅读体验Kindle提供了许多个性化设置，帮助我们调整阅读体验。
我们可以根据自己的喜好选择字体、字号、亮度等。
此外，Kindle还支持阅读进度同步和书签功能，方便我们记录和回顾自己的阅读进度。
四、使用特殊功能和工具除了基本的阅读功能，Kindle还提供了一些特殊功能和工具，提升阅读体验。
例如，Kindle可以帮助我们查找单词的释义、添加笔记和标注、进行全文搜索等。
我们可以根据自己的需要，灵活运用这些功能和工具。
五、解决常见问题和故障排除在使用Kindle的过程中，我们可能会遇到一些常见问题和故障。
例如，无法连接Wi-Fi、电池不耐用、屏幕出现问题等。
针对这些问题，我们可以通过查阅Kindle的使用手册或者在亚马逊的支持网站上寻找解决方法。
如果问题仍未解决，我们可以联系客户服务寻求帮助。
六、更多使用技巧和资源推荐除了基本的使用方法，还有许多使用技巧和资源推荐可以帮助我们更好地使用Kindle。
例如，我们可以通过亚马逊的Kindle Unlimited服务获取更多的电子书资源，可以通过Kindle云同步功能将电子书同步到多个设备上，还可以加入Kindle社区和其他Kindle用户交流心得和经验。
关于Kindeditor编辑器上传图片文件的几个问题汇总(asp)
技术积累 - 关于Kindeditor编辑器上传图片文件的几个问题汇总(asp)[摘要]：我想做网站开发的程序员们对Kindeditor编辑器并不陌生的吧，它是一款非常强大的编辑器，轻量级的。
结合纯jQuery+CSS写成的，部署环境起来非常的简单方面快捷。
在Kindeditor的官方网站上面供下载的Demo，不过里头默认的都是php方面的demo。
那么asp的大神些如何能够实用在自己的网站项目中去呢？我们需要做如下几点。
1、设置负责文件上传asp文件的路径设置这个路径值我们可以设置两个地方：1）、/kindeditor/plugins/images/image.js内的第15行，修改为如下图中所示2）、修改kindeditor所嵌入的页面，写上上传文件asp的地址，最好写相对路径，不要使用.../这样的形式2...我想做网站开发的程序员们对Kindeditor编辑器并不陌生的吧，它是一款非常强大的编辑器，轻量级的。
结合纯jQuery+CSS写成的，部署环境起来非常的简单方面快捷。
在Kindeditor的官方网站上面供下载的Demo，不过里头默认的都是php 方面的demo。
那么asp的大神些如何能够实用在自己的网站项目中去呢？我们需要做如下几点。
1、设置负责文件上传asp文件的路径设置这个路径值我们可以设置两个地方：1）、/kindeditor/plugins/images/image.js内的第15行，修改为如下图中所示2）、修改kindeditor所嵌入的页面，写上上传文件asp的地址，最好写相对路径，不要使用.../这样的形式2、修改upload_json.asp文件'上传成功返回true，否则返回falseresult = file.saveToFile(savePath, 0, true)if result = false thenresponse.Write("")response.Endend if3、修改Upload_Class.asp文件修改Upload_Class.asp内的saveToFile函数内的518行和520行如下If Not Err ThenSaveToFile = trueElseSaveToFile = falsemException=Err.DescriptionEnd If。
KindEditor文本编辑器
配置KindEditor文本编辑器时间:2012-06-16 10:23来源:/ForEvErNoME 作者:ForEvErNoME 点击:1116次我要投稿高质量的 空间，完美支持1.0/2.0/3.5/4.0/MVC等之前一直使用CKEditor和CKFinder结合的文本编辑器，偶然机会看到KindEditor，感觉界面挺好看的，示例代码比较多，API文档内容清晰简单，于是下载尝试用下。
1.什么是KindEditorKindEditor 是一套开源的在线HTML编辑器，主要用于让用户在网站上获得所见即所得编辑效果，开发人员可以用KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。
KindEditor 使用JavaScript 编写，可以无缝地与Java、.NET、PHP、ASP 等程序集成，比较适合在CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
2.前期准备到官网下载最新版的KindEditor 4.11，解压文件后可得文件结构：asp：与asp结合的示例代码：与结合的示例代码attached：上传文件的根目录，可在相关的代码中修改examples：功能演示的示例代码jsp：与jsp结合的示例代码lang：语言包php：与php结合的示例代码plugins：控件的功能代码的实现kindeditor.js：配置文件kindeditor-min.js：集成文件由于使用的是，所以将不需要的文件夹删掉。
其中在中demo.aspx是参考代码，也可以删掉。
3.配置KindEditor（1）新建网站，将精简后的kindeditor文件夹放到网站根目录下下，并且引用kindeditor//bin/LitJSON.dll文件。
（2）新建index.aspx文件，引入相关文件<link href="kindeditor/plugins/code/prettify.css" rel="stylesheet" type="text/css" /> <script src="kindeditor/lang/zh_CN.js" type="text/javascript"></script><script src="kindeditor/kindeditor.js" type="text/javascript"></script><script src="kindeditor/plugins/code/prettify.js" type="text/javascript"></script> <script type="text/javascript">KindEditor.ready(function (K) {var editor = K.create('#content', {//上传管理uploadJson: 'kindeditor//upload_json.ashx',//文件管理fileManagerJson: 'kindeditor//file_manager_json.ashx',allowFileManager: true,//设置编辑器创建后执行的回调函数afterCreate: function () {var self = this;K.ctrl(document, 13, function () {self.sync();K('form[name=example]')[0].submit();});K.ctrl(self.edit.doc, 13, function () {self.sync();K('form[name=example]')[0].submit();});},//上传文件后执行的回调函数,获取上传图片的路径afterUpload : function(url) {alert(url);},//编辑器高度width: '700px',//编辑器宽度height: '450px;',//配置编辑器的工具栏items: ['source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste','plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/','formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold','italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage','flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak','anchor', 'link', 'unlink', '|', 'about' ]});prettyPrint();});</script>（3）在页面中添加一个textbox控件，将id命名为content，把属性"TextMode"属性改为Multiline。
kindeditor 集成jw flv media player(flvmp4)播放器
KindEditor 集成JW FLV Media Player(flv、mp4)播放器 ...KindEditor自带的视频播放器并不怎么好用，至少我这样感觉，不知道其他人怎样，所以此文我们就说下怎样为KindEditor 集成JW FLV Media Player(flv、mp4)播放器。
我们先看下JW FLV Media Player的介绍：JW FLV Media Player 是一个强大的网页播放器，可以让你实现插入视频和音频到你的网站上面进行播放，主要功能包括:1）支持播放任何Adobe Flash Player可以处理的媒体格式(包括FLV, MP3, H264, SWF, JPG, PNG 和GIF)。
2）支持RTMP和HTTP流, RSS, XSPF和SX 播放列表。
3）拥有一个JavaScript API(zsh)。
怎样？感觉还不错吧？那我们就具体说说怎样给KindEditor 集成JW FLV Media Player(flv、mp4)播放器吧。
打开KindEditor/plugins/media.js 文件，找到大约73行：/*var html = K.mediaImg(self.themesPath +'common/blank.gif', {//这是本来的值src : url,type : K.mediaType(url),width : width,height : height,autostart : autostartBox[0].checked ? 'true' : 'false',loop : 'true'});*/var myindex=parseInt(Math.random()*100+1)var html='<script type="text/javascript"src="/Public/ext/swfobject.js"></script>' //替换为的值+'<p id="player'+myindex+'"><ahref="/go/getflashplayer">' +'Get the Flash Player</a> to see thisplayer.</p>'+'<script type="text/javascript">'+'var s'+myindex+' = newSWFObject("/Public/ext/flvplayer.swf","single","'+width+'","' +height+'","7");'+'s'+myindex+'.addParam("allowfullscreen","true");'+'s'+myindex+'.addVariable("file","'+url+'");'+'s'+myindex+'.addVariable("width","'+width+'");'+'s'+myindex+'.addVariable("height","'+height+'");'//+'s'+myindex+'.addVariable("logo","/Public/Images/logo.png");'//视频水印logo图片+'s'+myindex+'.write("player'+myindex+'");'+'</script>';self.insertHtml(html).hideDialog().focus();把本来的html的值替换为下面的就行了，示例图如下：kindeditor编辑器换flv网页编辑器然后我的JW FLV Media Player 是放在ext文件夹中的，如果路径变了你可以自己改有些同学不愿自己改，我已经集成好了，最新版的KindEditor 4.1 编辑器，你直接下载用就好了，服务端还是要自己处理。
HTML在线文本编辑器在Java web开发中的使用分析——以KindEditor为例
２ ０ １ ３年 ６ ｊ
湖 北 科 技 学 院 学 报
Ｊ ｏ ｕ ｒ ｎ ａ ｌ ｏ ｆ Ｈｕ ｂ ｅ ｉ Ｕｎ ｉ ｖ ｅ ｒ ｓ ｉ ｔ ｙ ｏ ｆ Ｓ ｃ ｉ ｅ ｎ ｃ ｅ ａ ｎ ｄ Ｔ
Ｖｏ １ ． ３３， Ｎｏ ． ６
还可 以对 媒体文件进行 编辑 ， 使 文本编 辑器 更容 易被 人接
在 网页上 编辑 的文字 、 图片 等 内容 都会 在后 台 自动转 换 为
１ Ｋ ｉ ｎ ｄ Ｅ ｄ ｉ ｔ ｏ ｒ 在Ｊ ａ ｖ ａ文本开发 中的配置 １ ． １ 开发环境和 Ｋ ｉ ｎ ｄ Ｅ ｄ ｉ ｔ ｏ ｒ 的配置 ：
（ １ ）开 发 环 境 ： Ｍｙ ｅ ｃ ｌ ｉ ｐ ｓ ｅ ８ ． ０， Ｊ Ｄ Ｋ１ ． ６ ， ｔ ｏ ｍｃ ａ ｔ ６ ． ０；
ｔ ｅ ｒ 插件整合 即 可实 现图 文混 排 ｗ ｏ ｒ ｄ文 档 自动 上传 ， 因此
Ｋ ｉ ｎ ｄ ｅ ｄ ｉ ｔ ｏ ｒ 是 一 个 很 好 的 选择 ．
排 的样式显示 ， 同时使用 者可 以很方 便地 对 内容进 行修 改 和排版 ； 编 辑器可以实现编辑 内容 自动转换 为 Ｈ Ｔ ＭＬ代码 ：
可被浏 览器识 别的 ＨＴ ＭＬ标 记语言 ， 并 且允 许使 用者 在代
码状态下 对代码标记进行修改 ． 不仅如此 ， 在线文本 编辑器
（ ２ ）Ｋ ｉ ｎ ｄ Ｅ ｄ ｉ ｔ ｏ ｒ配置 文件 ： ｃ ｏ ｍ ｍｏ ｎ ｓ—ｆ ｄ ｅ ｕ ｐ ｌ ｏ ａ ｄ一１ ． ２ ．
１ ． ｊ ａ ｒ ， ｃ ｏ ｍｍ ｏ ｎ ｓ —ｉ ｏ一１ ． ４ ． ｊ ａ ｒ ， ｊ ｓ ｏ ｎ ＿ ｓ ｉ ｍ ｐ ｌ ｅ 一１ ． １ ． ｊ ａ ｒ
miniUI_KindEditor使用
KindEditr在miniUI中的应用系统：Win7开发环境：Java框架：OSGI前台jsp先定义一个textarea，如下：<textarea id="editor_id"name="editor_id"vtype="rangeChar:1,200"style="width: 80%; height: 370px; visibility:hidden;" runat="server"required="true"></textarea>我把它的取值和赋值都放在了js中，如下：var editorId = "editor_id";//定义变量为富文本IDvar editor = null;//定义富文本//写一个调用方法showeditorfunction showeditor() {//KindEditor.ready();方法用了之后在FireFox中无法编辑，所以用了.create试试editor = KindEditor.create('#' + editorId/*这里是富文本ID*/, {resizeType: 1,//设置只能改变高度allowPreviewEmoticons: false,allowImageUpload: true,afterBlur:function(){this.sync();},//失去焦点(blur)时执行的回调函数。
在画面编辑富文本时，同步数据，如果不写，无法用时取到最新的值，那么保存到数据库的值就是旧的afterCreate:function(){this.sync();}//当我不点击富文本直接进行其他操作时，就靠这个方法同步数据，用a fterBlur是无法同步的items: []//,//控制工具栏显示哪些按钮，不写时默认成全部显示});}新建，要将富文本设置为空时，如下：KindEditor.html("#editor_id","");有试过miniUI提供的editor.html("");，editor.html(null) ;，但是都不行，赋值不成功，在网上看到有大拿用这种写法的，试了发现好用，特别开心。
KindEditor添加自定义插件
一、添加"你好"插件1.定义ng['hello'] = "你好"。
ng['hello']="您好";2.定义KE.plugin['hello']，所有逻辑都在这个对象里，点击图标时默认执行cl ick方法。
KE.plugin['hello']={click:functi on(id){alert("您好");}};3.页面里添加图标定义CS S。
.ke-icon-hello{backgr ound-image: url(./skins/defaul t.gif);backgr ound-positi on:0px-672px;width:16px;height:16px;}4.最后调用编辑器时ite ms数组里添加hel lo。
KE.show({id :'conten t1',items:['hello']});演示地址：在新窗口打开二、添加插入远程图片的插件1.定义ng['remote_imag e'] = "插入远程图片"。
ng['remote_imag e']="插入远程图片";2.定义KE.plugin['remote_imag e']。
KE.plugin['remote_imag e']={click:functi on(id){KE.util.select ion(id);var dialog=new KE.dialog({id : id,cmd :'remote_imag e',width:310,height:90,title: ng['image'],yesBut ton : ng['yes'],noButt on : ng['no']});dialog.show();},check:functi on(id){var dialog Doc = KE.util.getIfr ameDo c(KE.g[id].dialog);var url = KE.$('url', dialog Doc).value;var title= KE.$('imgTit le', dialog Doc).value;var width= KE.$('imgWid th', dialog Doc).value;var height= KE.$('imgHei ght', dialog Doc).value;var border= KE.$('imgBor der', dialog Doc).value;if(url.match(/\.(jpg|jpeg|gif|bmp|png)$/i)==null){ alert(ng['invali dImg']);window.focus();KE.g[id].yesBut ton.focus();return false;}if(width.match(/^\d+$/)==null){alert(ng['invali dWidt h']);window.focus();KE.g[id].yesBut ton.focus();return false;}if(height.match(/^\d+$/)==null){alert(ng['invali dHeig ht']);window.focus();KE.g[id].yesBut ton.focus();return false;}if(border.match(/^\d+$/)==null){alert(ng['invali dBord er']);window.focus();KE.g[id].yesBut ton.focus();return false;}return true;},exec:functi on(id){KE.util.select(id);var iframe Doc = KE.g[id].iframe Doc;var dialog Doc = KE.util.getIfr ameDo c(KE.g[id].dialog);if(!this.check(id))return false;var url = KE.$('url', dialog Doc).value;var title= KE.$('imgTit le', dialog Doc).value;var width= KE.$('imgWid th', dialog Doc).value;var height= KE.$('imgHei ght', dialog Doc).value;var border= KE.$('imgBor der', dialog Doc).value;this.insert(id, url, title, width, height, border);},insert:functi on(id, url, title, width, height, border){ var html ='<img src="'+ url +'" ';if(width>0) html +='width="'+ width+'" ';if(height>0) html +='height="'+ height+'" ';if(title) html +='title="'+ title+'" ';html +='alt="'+ title+'" ';html +='border="'+ border+'" />';KE.util.insert Html(id, html);yout.hide(id);KE.util.focus(id);}};3.页面里添加图标定义CS S。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
kindeditor的使用
一、KindEditor介绍
KindEditor是一款开源的web编辑器，由Javascript开发而成。
它支持网页编辑、图片上传和flash播放，也支持表情符号等特殊功能，使用起来非常方便，大大提高了文章的编辑效率。
二、KindEditor的功能
1、支持多种文件上传格式：支持jpg、jpeg、png、gif、bmp等多种格式的图片上传，也支持doc、txt、xls等office文档的上传；
2、支持Flash播放：支持swf格式的flash文件的播放，可以将flash文件插入到文章中；
3、支持表情：支持表情符号的插入；
4、支持滚动条：可以自定义滚动条的样式和速度；
5、支持插入文件：可以插入html、css 、js等文件。
三、KindEditor的使用
1、下载并解压KindEditor压缩包，在页面中引入kindeditor.js 文件；
2、在需要使用KindEditor的地方插入一个<textarea>标签；
3、实例化KindEditor：
//实例化编辑器
var editor;
KindEditor.ready(function(K) {
editor = K.create('textarea[name='content']', {
tresizeType : 1,
tallowPreviewEmoticons : false,
tallowImageUpload : false,
titems : [
tt'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
tt'removeformat', '|', 'justifyleft', 'justifycenter',
'justifyright', 'insertorderedlist',
tt'insertunorderedlist', '|', 'emoticons', 'image',
'link']
});
});
4、提交表单：当提交表单时，调用 KindEditor.sync() 将编辑器中的内容同步到 textarea 中。
//提交表单时，将编辑器中的内容同步到textarea
$('#form').submit(function(){
teditor.sync();
});
四、KindEditor的优势
1、界面友好：界面友好，功能完善，使用方便；
2、性能高效：性能高效，操作迅速；
3、高安全性：支持多种文件上传格式；
4、跨平台：支持多种浏览器，包括IE、Firefox、Chrome等。