KindEditor-编辑器配置参数属性29
上亿文档资料，等你来发现
KindEditor-编辑器配置参数属性29
KindEditor-编辑器配置参数属性；在《KindEditor-KindEditor简；KE.show=function(args){；KE.init(args);；KE.event.ready(function(；};；从源码中可以看出，有两种使用编辑器的方法：；法一：KE.show(config);；法二：KE.init(config);KE.cr；
KindEditor-编辑器配置参数属性在《KindEditor-KindEditor简介》中提到了KindEditor编辑器的使用方法，通过使用KE.show(config)方法即可将编辑器添加到文档中。下面是一段源码：KE.show = function(args) {KE.init(args);KE.event.ready(function() { KE.create(args.id); });};从源码中可以看出，有两种使用编辑器的方法：法一：KE.show(config);法二：KE.init(config);KE.create(id);?无论使用哪种方式使用KindEditor编辑器，都必须进行参数配置；?可以在KE.show()和KE.init()方法中传递配置参数config；?配置参数config是一个对象，一般使用字面量对象；?其中，id参数是唯一必须进行配置的，其他参数可以省略。参数设置例子KE.show({id : &content_1&,width : &70%&, //编辑器的宽度为70%height : &200px&, //编辑器的高度为100pxfilterMode : false, //不会过滤HTML代码resizeMode : 1 //编辑器只能调整高度});配置参数1、idTEXTAREA输入框的ID，必须设置。数据类型：String2、items配置编辑器的工具栏，其中&-&表示换行，&|&表示分隔符。数据类型：Array默认值：['source', '|', 'fullscreen', 'undo', 'redo', 'print', 'cut', 'copy', 'paste','plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright','justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript','superscript', '|', 'selectall', '-','title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold','italic', 'underline', 'strikethrough', 'removeformat', '|', 'image','flash', 'media', 'advtable', 'hr', 'emoticons', 'link', 'unlink', '|', 'about']3、width编辑器的宽度，可以设置px或%，比TEXTAREA输入框样式表宽度优先度高。数据类型：String默认值：TEXTAREA输入框的宽度注: 3.2版本开始支持。4、height编辑器的高度，只能设置px，比TEXTAREA输入框样式表高度优先度高。数据类型：String默认值：TEXTAREA输入框的高度注: 3.2版本开始支持。5、minWidth数据类型：Int指定编辑器最小宽度，单位为px。默认值：2006、minHeight数据类型：Int指定编辑器最小高度，单位为px。默认值：1007、filterMode数据类型：Booleantrue时过滤HTML代码，false时允许输入任何代码。默认值：false注: 3.4以前版本的filterMode默认值为true。8、htmlTags指定要保留的HTML标记和属性。哈希数组的key为HTML标签名，value为HTML属性数组，&.&开始的属性表示style属性。数据类型：Object默认值：{font : ['color', 'size', 'face', '.background-color'],span : ['style'],div : ['class', 'align', 'style'],table:['class', 'border', 'cellspacing', 'cellpadding', 'width', 'height', 'align', 'style'],'td,th':['class', 'align', 'valign', 'width', 'height', 'colspan', 'rowspan', 'bgcolor', 'style'],a : ['class', 'href', 'target', 'name', 'style'],embed : ['src', 'width', 'height', 'type', 'loop', 'autostart', 'quality','style', 'align', 'allowscriptaccess', '/'],img : ['src', 'width', 'height', 'border', 'alt', 'title', 'align', 'style', '/'],hr : ['class', '/'],br : ['/'],'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : ['align', 'style'],'tbody,tr,strong,b,sub,sup,em,i,u,strike' : []}
注：filterMode为true时有效。3.4版本开始属性可设置style，保留所有inline样式。9、resizeMode2或1或0，2时可以拖动改变宽度和高度，1时只能改变高度，0时不能拖动。数据类型：Int默认值：210、skinType风格类型，default或tinymce。数据类型：String默认值：default注：3.4以前版本和3.4.1版本开始默认值为default，3.4版本的默认值为oxygen。11、wyswygMode可视化模式或代码模式数据类型：Boolean默认值：true12、cssPath指定编辑器iframe document的CSS，用于设置可视化区域的样式。数据类型：String或Array默认值：空注：3.4.1版本开始可指定多个CSS文件。例如：cssPath : ['a.css', 'b.css']13、skinsPath指定编辑器的skins目录，skins目录存放风格的css文件和gif图片。数据类型：String默认值：KE.scriptPath + 'skins/'14、pluginsPath指定编辑器的plugins目录。数据类型：String默认值：KE.scriptPath + 'plugins/'15、minChangeSizeundo/redo文字输入最小变化长度，当输入的文字变化小于这个长度时不会添加到undo堆栈里。数据类型：Int默认值：516、loadStyleModetrue时自动加载编辑器的CSS。数据类型：Boolean默认值：true注: 3.4版本开始支持。17、urlType改变站内本地URL，可设置空、relative、absolute、domain。空为不修改URL，relative为相对路径，absolute为绝对路径，domain为带域名的绝对路径。数据类型：String默认值：空注: 3.4版本开始支持，3.4.1版本开始默认值为空。18、newlineTag设置回车换行标签，可设置p、br。数据类型：String默认值：br注: 3.4版本开始支持。19、afterCreate设置编辑器创建后执行的回调函数。数据类型：Function默认值：无20、afterDialogCreate设置弹出浮动框创建后执行的回调函数。数据类型：Function默认值：无注: 3.4.3版本开始支持。21、allowUploadtrue或false，true时显示上传图片标签。数据类型：Boolean默认值：true注: 3.4版本开始支持。22、allowFileManagertrue或false，true时显示浏览服务器图片功能。数据类型：Boolean默认值：false注: 3.4版本开始支持。23、referMethod设置referMethod后上传图片的POST参数里有referMethod。数据类型：String默认值：空注: 3.4版本开始支持。24、dialogAlignType设置弹出框(dialog)的对齐类型，可设置page和空。指定page时按当前页面居中，指定空时按编辑器居中。数据类型：String默认值：page注: 3.4.1版本开始支持。25、imageUploadJson指定上传图片的服务器端程序。数据类型：String默认值：../../php/upload_json.php注: 3.4.1版本开始支持。26、fileManagerJson指定浏览远程图片的服务器端程序。数据类型：String默认值：../../php/file_manager_json.php注: 3.4.1版本开始支持。27、autoSetDataModetrue或false。true时自动将编辑器内容设置到原来的textarea，也就是每次输入内容就执行KE.util.setData函数。数据类型：Boolean默认值：true注: 3.5版本开始支持。打开autoSetDataMode模式后会降低输入性能，理想的做法是关闭autoSetDataMode，提交数据前执行KE.util.setData。28、afterSetData自动执行KE.util.setData后执行的回调函数，autoSetDataMode为true时有效。数据类型：Function默认值：无注: 3.5版本开始支持。29、shadowModetrue或false，true时弹出层显示阴影。数据类型：Boolean默认值：true注: 3.5版本开始支持。30、allowPreviewEmoticonstrue或false，true时鼠标放在表情上可以预览表情。数据类型：Boolean默认值：true注: 3.5版本开始支持。包含各类专业文献、文学作品欣赏、各类资格考试、应用写作文书、幼儿教育、小学教育、高等教育、生活休闲娱乐、KindEditor-编辑器配置参数属性29等内容。
　然后打开 kindeditor3.5.5.js,设置 skinsPath 和 pluginsPath 两个属性,值分别...5 页面调用 (1)首先引入 kindeditor3.5.5.js 文件 (2) 在要调用编辑器的... 　KindEditor编辑器使用方法_计算机软件及应用_IT/计算机...inline 样式设置,也可用 编辑器初始化参数 设置。 ...指定要保留的 HTML 标记和属性。 Object 的 key ... 　KindEditor使用说明书_互联网_IT/计算机_专业资料。...编辑器初始化参数 width 编辑器的宽度,可以设置 px...htmlTags 指定要保留的 HTML 标记和属性。Object 的... 　KindEditor文本编辑器_计算机软件及应用_IT/计算机_专业...将 id 命名为 content, 把属性&TextMode&属性改为...(dirPath); } } //根据 path 参数,设置各路径... 　宽 度和高度可用 inline 样式设置,也可用 编辑器初始化参数 设置。 2 在该 HTML 页面添加以下脚本。 KindEditor.ready(function(K) { editor ... 　宽 度和高度可用 inline 样式设置,也可用 编辑器初始化参数 设置。 2. 在该 HTML 页面添加以下脚本。 KindEditor.ready(function(K) { editor... 　kindEditor编辑器使用方法_计算机软件及应用_IT/计算机_专业资料。kingEditor详细使用...{//全局配置 var serverScriptPath='/editor/asp/';//服务端文件文件夹 URL... 　kindeditor控件实现文本编辑器使用详解(含代码)_计算机...在里面对 kindeditor 控件进行引用和配置 主要包含三...(); // name=form表单的 name属性 }); } })... 　kindEditor 的版本信息;k.opitons 中包含了该 kindEditor 所有的默认配置及属性...kindEditor 中还有很多参数可以根据具体需求来进行配置。所有编辑功能的 功能代码都...KindEditor使用说明书_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
评价文档：
KindEditor使用说明书
K​i​n​d​E​d​i​t​o​r​编​辑​器​使​用​说​明​书​,​个​人​整​理​的​K​i​n​d​E​d​i​t​o​r​使​用​说​明​书​,​
​
​官​方​有​用​的​信​息​都​一​并​整​理
阅读已结束，如果下载本文需要使用
想免费下载本文？
你可能喜欢KindEditor在线HTML编辑器
KindEditor是在国内非常流行的开源HTML编辑器，本次版本最重要的改进是直接兼容IE9，在IE9上无需加入X-UA-Compatible META标签。
KindEditor是在国内非常流行的开源HTML编辑器，本次版本最重要的改进是直接兼容IE9，在IE9上无需加入X-UA-Compatible META标签。KindEditor 4.1.3 变更记录： 新增: 百度地图可插入iframe动态地图。新增: pagebreakHtml初始化参数，可指定分页符HTML。改善: 重复执行K.create时只创建一次。Bugfix: [IE] 只显示本地上传Tab时，打开图片弹出框报错。Bugfix: 点击全屏后再切换回来，有时候出现JS错误。Bugfix: K.addUnit(val, unit)第二个参数不起作用。Bugfix: &会转义成&这样超链接就不能访问。Bugfix: 表情预览失效。Bugfix: [IE9] 多文件上传时不显示上传按钮。Bugfix: [Chrome] 创建弹出框时，Console提示没有访问权限。Bugfix: URL包含$字符时，生成错误的HTML代码。KindEditor 4.1.2 变更记录：新增: K.remove(expr)函数，可移除多个编辑器，expr为选择器或DOM对象。新增: K.sync(expr)函数，可同步多个编辑器，expr为选择器或DOM对象。新增: K.create(expr)、K(expr)等函数可以直接传入jQuery对象。新增: filePostName初始化参数，可指定上传文件form名称。新增: fillDescAfterUploadImage初始化参数，true时图片上传成功后切换到图片编辑标签。新增: afterSelectFile初始化参数，从图片空间选择后执行的回调函数。新增: K.NodeClass,K.RangeClass,K.CmdClass,K.EditClass,K.MenuClass等接口。新增: plugin.imageDialog(options)添加showLocal和showRemote参数，值为false时分别隐藏网络图片和本地上传。新增: afterUpload新增data和name参数，分别为后端返回的JSON数据和插件名称。变更: fullscreenShortcut默认值改成false，默认不启用ESC快捷键全屏。改善: 多图上传时，允许用户post自定义参数到服务器。Bugfix: [Firefox] 居中后输入几个文字回车换行，内容被全选。Bugfix: 批量上传无法执行afterUpload这个回调，普通上传可以执行。Bugfix: 页面中存在其它SWFUpload，批量上传出现冲突。Bugfix: IE8怪异模式下先打开弹出框关闭，用滚轮到顶或到底，会出现脚本错误。Bugfix: 图片src为图片数据（base64 data）时，无法正常显示。Bugfix: 在pre标签里无法粘贴内容。Bugfix: KNode.show()和hide()，display都变成block。Bugfix: 版权标识&来回切换代码模式后变成(C)。Bugfix: 重新创建KNode后，data方法无法取得数据。Bugfix: K.create函数未找到目标textarea时报错。Bugfix: 右下角拖动，松开鼠标后还可以继续拖动。Bugfix: 右键编辑表格，插入行和列时有时候错乱。KindEditor 4.0.4 变更记录： 新增: 阿拉伯语语言包。 改善: 上传文件时显示上传中提示。 改善: JSON解析失败时，通过弹出层显示服务器返回的HTML页面。 改善: [IE] 弹出框支持阴影效果。 Bugfix: 浏览器使用有些插件时，上传文件提示不正确。 Bugfix: 单独调用图片功能时，点击重置大小图标报错。 Bugfix: 设置了参数filterMode:true，分页符就会丢失样式。 Bugfix: [FF] 撤销全屏后页面会滚动到顶部。 Bugfix: [ASP] demo.asp没有指定编码，导致提交后HTML出现乱码。 Bugfix: 单独调用上传按钮时，无法与旁边输入框对齐。 Bugfix: [WEBKIT] 在图片、视频、flash等前一个光标处右键，在不选中节点的状态下也能弹出修改属性。 Bugfix: [IE] 编辑器无内容，加粗，切换到代码模式，再回到可视化模式，加粗，JS报错。 Bugfix: [IE] 插入，会自动变为 。 Bugfix: [WEBKIT] 点击粗体后丢失光标。 Bugfix: [OPERA] 切换到代码模式后不显示部分工具栏图标。 Bugfix: del标签被定义在块级元素里，导致格式化HTML时自动换行。 Bugfix: 开启过滤模式，获取HTML时删除线被过滤。 Bugfix: [IE] 两张相邻图片添加超级链接，修改其中一个链接，另外一个链接也会被修改。 Bugfix: 内嵌脚本的小于号会被转义导致脚本错误。 Bugfix: 分页符在不同浏览器下生成的HTML代码不一致。 Bugfix: [IE6-7] 插入URL里有大写字符的图片，右键点击选择图片属性，更改图片属性后图片不能显示。 文件变化：[变更] pluginsmediamedia.js [变更] pluginspagebreakpagebreak.js [变更] pluginsimageimage.js [变更] pluginstabletable.js [变更] pluginslinklink.js [变更] pluginsflashflash.js [变更] pluginsinsertfileinsertfile.js [变更] pluginsfilemanagerfilemanager.js [变更] langzh_TW.js [变更] langzh_CN.js [变更] langen.js [新增] langar.js [变更] aspdemo.asp [变更] themesdefaultdefault.css [变更] themessimplesimple.css [变更] kindeditor-min.js [变更] kindeditor.js [新增] examplesfile-dialog.html [变更] examplesuploadbutton.html [变更] examplesindex.html [变更] examplesmulti-language.html KindEditor ver 4.0.2 () 新增: 上传按钮新增afterError回调函数，可定制JSON错误。 Bugfix: [FF] 在页面上设置iframe {overflow:} ，编辑区域不出现滚动条。 Bugfix: 浏览服务器插件，文件名很长的时候会换行。 Bugfix: [IE6-7] 在form里引入js的时候出现JS错误。 Bugfix: [IE] 当编辑器为空时，输入任意字符，然后点击表单的重置按钮，再点击页面空白处，出现JS错误。 Bugfix: [IE8] 设置X-UA-Compatible=IE7，有时候无法加载编辑器。 Bugfix: a标签同时有name和href属性时，丢失name以外的属性。 Bugfix: 连续调用多个ready函数时，第4个ready无法执行。 Bugfix: 插入多媒体后，右键点击不会弹出菜单。 Bugfix: 启用纯文本黏贴后，段落首尾都会出现>符号。 Bugfix: [IE] 点击标题、字体、文字大小，编辑区域失去选中状态。 Bugfix: [FF,WEBKIT] 连续换行几次，切换到源代码，再切换到可视化模式，没有换行效果。 Bugfix: [WEBKIT] 选择几个文字，点击上标或下标功能，上下标格式不会被应用。 Bugfix: 加载编辑器后残留多余的div标签。 Bugfix: 页面上包含跨域iframe的时候JS报错。 Bugfix: 页面刷新后，与第一次访问加载的编译器高度不一致。 Bugfix: [IE6] 弹出层无法遮住selectbox。 Bugfix: [FF] 提交后退后，编辑器数据不保存。 Bugfix: 选择粗体，取消粗体再应用粗体（即点两下粗体），则发现粗体、倾斜、下划线功能失效，无法选择。 Bugfix: [WEBKIT] 置入Issue 269中的HTML，全选，点击删除格式，又出现一个图片，图片变为两个。 Bugfix: 与MooTools类库有冲突。 Bugfix: [IE] 选中粘贴过来的文本，进行格式操作时位置出现偏移。 Bugfix: [IE] 后退前进时有时候报错。 KindEditor 3.5.4修改记录：* 改善: 直接兼容IE9。* BUG: 修改了在源代码模式下输入JS代码后切换到可视化模式时会执行JS代码的问题。* BUG: 修改了在IE上编辑区域里的选中select控件时出现JS错误的问题。* BUG: 修改了在IE上通过KE.insertHtml函数输入URL时丢失标签的问题。* BUG: 修改了在一个页面调用多个编辑器时重复加载相同CSS的问题。* BUG: 修改了在一个页面包含多个kindeditor.js时无法打开dialog的问题。* BUG: 移除了工具栏里的两对多余的tr标签。&&&&
12345678910Service Unavailable当前访客身份：游客 [
当前位置：
将指定函数绑定到ctrl + [key]组合键事件上。
element el: DOM元素
int|string key: 键名
function fn: 回调函数
K.ctrl(document.body, 'Z', function() { &alert('ctrl + Z'); & });
K.ctrl(document.body, 13, function() { & alert('ctrl + enter');
}); 这样他只能ctrl+回车提交
我老大要的是就只是回车
我现在的代码
&& &KindEditor.ready(function(K) {
&& &&& &editor = K.create('textarea[name=&text&]', {
&& &&& &&& &resizeType : 0,
&& &&& &&& &allowPreviewEmoticons : false,
&& &&& &&& &allowImageUpload : false,
&& &&& &&& &width : document.documentElement.clientWidth-580,
&& &&& &&& &newlineTag : 'p',
&& &&& &&& &pasteType :1,
&& &&& &&& &items : [
&& &&& &&& &&& & 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
&& &&& &&& &&& &'removeformat','|', 'emoticons'],
&& &&& &&& &&& &
&& &&& &&& &afterCreate : function() {
&& &&& &&& &&& &&& &var self =
&& &&& &&& &&& &&& &K.ctrl(document, 13, function() {
&& &&& &&& &&& &&& &&& &self.sync();
&& &&& &&& &&& &&& &&& &//K('form[name=example]')[0].submit();
&& &&& &&& &&& &&& &&& &mypost();
&& &&& &&& &&& &&& &});
&& &&& &&& &&& &&& &K.ctrl(self.edit.doc, 13, function() {
&& &&& &&& &&& &&& &&& &self.sync();
&& &&& &&& &&& &&& &&& &//K('form[name=example]')[0].submit();
&& &&& &&& &&& &&& &&& &mypost();
&& &&& &&& &&& &&& &});
&& &&& &&& &&& &&& &
&& &&& &&& &&& &}
&& &&& &});
//mypost();是我AJAX的提交，如何能直接回车提交啊
他这里只有 K.ctrl 事件绑定到ctrl如何我要的就是回车发啊，我可以不要换行
共有2个答案
<span class="a_vote_num" id="a_vote_num_
KindEditor没提供API那你就自己绑定呗！给个jQuery监听回车事件例子：
$(document).keydown(function(event){
if(event.keyCode==13 && !event.ctrlKey
&& !event.shiftKey && !event.altKey) {
// do something
<span class="a_vote_num" id="a_vote_num_
引用来自“tsl0922”的答案 KindEditor没提供API那你就自己绑定呗！给个jQuery监听回车事件例子：
$(document).keydown(function(event){
if(event.keyCode==13 && !event.ctrlKey
&& !event.shiftKey && !event.altKey) {
// do something
这样是不行的，因为你不是在本页面上的啊
K(self.edit.doc).bind(&keydown&,function (event) {
if (event.keyCode == 13) {
self.sync();
editor.html('');
我是这样的
--- 共有 1 条评论 ---
只是给个jQuery监听回车的例子，提供个思路。KindEditor编辑器里面还有个iframe的，不是一个document了。
(3年前)&nbsp&
更多开发者职位上
有什么技术问题吗？