KindEditor 4.x 在线编辑器常用方法小结

jquery方式创建编辑器 kindeditor.create('#nr'); //绑定指定id。 html部门 jquery方式创建编辑器 <br>kindeditor.create('#nr'); //绑定指定id。 <br>html部门 <br><textarea id="nr" style="width:680px;height:280px;visibility:visible"></textarea> <br>---------------------------------------------------------------------------------- <br>allowfilemanager 【是否允许浏览服务器已上传文件】 <br>默认值是：false <br>------------------------------------------------------ <br>allowimageupload 【是否允许上传本地图片】 <br>默认值是：true <br>---------------------------------------------- <br>allowflashupload 【是否允许上传flash】 <br>默认值是：true <br>---------------------------------------------- <br>allowmediaupload 【是否允许上传多媒体文件】 <br>默认值是：true <br>------------------------------------------------ <br>pastetype 【设置粘贴类型】 <br>0:禁止粘贴, 1:纯文本粘贴, 2:html粘贴（默认） <br>--------------------------------------------------- <br>resizetype 【设置可否改变编辑器大小】 <br>0:不能改变 1:只能改变高度 2:宽度和高度都可以改变（默认） <br>---------------------------------------------------------- <br>themetype 【主题风格】 <br>可设置"default"、"simple"，指定simple时需要引入simple.css <br>------------------------------------------------------------- <br>designmode 【可视化模式或代码模式】 <br>数据类型：boolean <br>默认值是：true(可视化) <br>------------------------------------------ <br>aftercreate:function(){} 【编辑器创建后】 <br>aftercreate:function(){ <br>//alert('创建完成'); <br>} <br>------------------------------------------ <br>fontsizetable 【制定文字大小】 <br>数据类型：array <br>默认值：['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px'] <br>----------------------------------------------------------------------- <br>colortable 【指定取色器里的颜色值】 <br>数据类型：array <br>[ <br>['#e53333', '#e56600', '#ff9900', '#64451d', '#dfc5a4', '#ffe500'], <br>['#009900', '#006600', '#99bb00', '#b8d100', '#60d978', '#00d5ff'], <br>['#337fe5', '#003399', '#4c33e5', '#9933e5', '#cc33e5', '#ee33ee'], <br>['#ffffff', '#cccccc', '#999999', '#666666', '#333333', '#000000'] <br>] <br>上面是默认值 <br>---------------------------------------------------------------------------------- <br>【ctrl+enter提交】 <br>aftercreate:function(){ <br>var self=this; <br>kindeditor.ctrl(self.edit.doc, 13, function() { <br>self.sync(); <br>//执行其他事件 <br>}); <br>} <br>━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ <br>var editor=kindeditor.create('#nr'); <br>【编辑器获取焦点】 <br>editor.focus(); <br>【取得编辑器html内容】 <br>var html=editor.html(); <br>【取得编辑器纯文本内容】 <br>var text=editor.text(); <br>【移除编辑器】 <br>editor.remove(); <br>【设置编辑器html】 <br>editor.html('<strong>编辑器内容</strong>'); <br>【设置编辑器纯文本内容，直接显示html代码】 <br>editor.text('<strong>编辑器内容</strong>'); <br>【判断编辑器内容是否为空】 <br>if(editor.isempty()){ <br>alert('请输入内容'); <br>return false; <br>} <br>【将指定的html内容插入到编辑器区域里的光标处】 <br>editor.inserthtml('<strong>插入内容</strong>'); <br>【将指定的html内容添加到编辑器区域的最后位置。】 <br>editor.appendhtml('<strong>追加内容</strong>'); <br>【编辑器切换全屏模式】 <br>editor.fullscreen(); <br>【设置编辑器的只读状态】 <br>editor.readonly(false); //true:只读，false:取消只读 <br>================================================================================== <br>【浏览服务器】选择已上传的文件 <br>① 必须先引用编辑器的default.css文件 <br><link rel="stylesheet" type="text/css" href="../editor/themes/default/default.css" /> <br>② 必须引用一下两个javascript文件 <br><script type="text/javascript" src="../editor/kindeditor-min.js"></script> <br><script type="text/javascript" src="../editor/lang/zh_cn.js"></script> <br>③ 具体实现方法 <br><br>【上传本地文件到服务器】 <br>① 引用css文件 <br><link rel="stylesheet" type="text/css" href="../editor/themes/default/default.css" /> <br>② 引用编辑器javascript文件 <br><script type="text/javascript" src="../editor/kindeditor-min.js"></script> <br>③ 具体实现方法 <br><br>【上传图片】包括选择服务器已上传的图片 <br>① 引用css文件 <br><link rel="stylesheet" type="text/css" href="../editor/themes/default/default.css" /> <br>② 引用编辑器javascript文件 <br><script type="text/javascript" src="../editor/kindeditor-min.js"></script> <br>③ 引用语言包文件，必须的 <br><script type="text/javascript" src="../editor/lang/zh_cn.js"></script> <br>④ 具体实现方法 <br><br>http://www.cnblogs.com/edielei/archive/2011/11/12/2246450.html </div> <div class="tags"> 相关标签： <a href="/t/KindEditor/" target="_blank"> KindEditor </a> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/1509656.html"> myFocus 一个KindEditor的焦点图插件 </a> </p> <p> 下一篇： <a href="/article/1509658.html"> ckeditor的使用和配置方法分享 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/1509657.html" target="_blank" title="KindEditor 4.x 在线编辑器常用方法小结"> <h2> KindEditor 4.x 在线编辑器常用方法小结 </h2> </a> </li> <li> <a href="/article/1509630.html" target="_blank" title="在asp.net中KindEditor编辑器的使用方法小结"> <h2> 在asp.net中KindEditor编辑器的使用方法小结 </h2> </a> </li> <li> <a href="/article/892923.html" target="_blank" title="kindeditor在线文本编辑器过滤HTML的方法_html/css_WEB-ITnose"> <h2> kindeditor在线文本编辑器过滤HTML的方法_html/css_WEB-ITnose </h2> </a> </li> <li> <a href="/article/586797.html" target="_blank" title="kindeditor在线文本编辑器过滤HTML的方法_html/css_WEB-ITnose"> <h2> kindeditor在线文本编辑器过滤HTML的方法_html/css_WEB-ITnose </h2> </a> </li> <li> <a href="/article/260032.html" target="_blank" title="在asp.net中KindEditor编辑器的使用方法小结"> <h2> 在asp.net中KindEditor编辑器的使用方法小结 </h2> </a> </li> <li> <a href="/article/259986.html" target="_blank" title="KindEditor 4.x 在线编辑器常用方法小结"> <h2> KindEditor 4.x 在线编辑器常用方法小结 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>