KindEditor参数详解

KindEditor参数详解width 编辑器的宽度 可以设置 px 或 比 textarea 输入框样式表宽度优先度高 数据类型 String 默认值 textarea 输入框的宽度示例 K create id nbsp nbsp width nbsp nbsp 700px nbsp height 编辑器的高度 只能设置 px 比 textarea 输入框样式表高度优先度高 数据类型 Stri

KindEditor参数详解


width

编辑器的宽度,可以设置px或%,比textarea输入框样式表宽度优先度高。

  • 数据类型: String
  • 默认值: textarea输入框的宽度

示例:

K.create('#id', { 
    width : '700px' });



height

编辑器的高度,只能设置px,比textarea输入框样式表高度优先度高。

  • 数据类型: String
  • 默认值: textarea输入框的高度



minWidth

指定编辑器最小宽度,单位为px。

  • 数据类型: Int
  • 默认值: 650



minHeight

指定编辑器最小高度,单位为px。

  • 数据类型: Int
  • 默认值: 100



items

配置编辑器的工具栏,其中”/”表示换行,”|”表示分隔符。

  • 数据类型: Array
  • 默认值:
[ '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']
source HTML代码
preview 预览
undo 后退
redo 前进
cut 剪切
copy 复制
paste 粘贴
plainpaste 粘贴为无格式文本
wordpaste 从Word粘贴
selectall 全选
justifyleft 左对齐
justifycenter 居中
justifyright 右对齐
justifyfull 两端对齐
insertorderedlist 编号
insertunorderedlist 项目符号
indent 增加缩进
outdent 减少缩进
subscript 下标
superscript 上标
formatblock 段落
fontname 字体
fontsize 文字大小
forecolor 文字颜色
hilitecolor 文字背景
bold 粗体
italic 斜体
underline 下划线
strikethrough 删除线
removeformat 删除格式
image 图片
flash Flash
media 视音频
table 表格
hr 插入横线
emoticons 插入表情
link 超级链接
unlink 取消超级链接
fullscreen 全屏显示
about 关于
print 打印
code 插入程序代码
map Google地图
baidumap 百度地图
lineheight 行距
clearhtml 清理HTML代码
pagebreak 插入分页符
quickformat 一键排版
insertfile 插入文件
template 插入模板
anchor 插入锚点



noDisableItems

designMode 为false时,要保留的工具栏图标。

  • 数据类型: Array
  • 默认值: [‘source’, ‘fullscreen’]



filterMode

true时根据 htmlTags 过滤HTML代码,false时允许输入任何代码。

  • 数据类型: Boolean
  • 默认值: true

Note

4.1.1版本开始默认值为true。



htmlTags

指定要保留的HTML标记和属性。Object的key为HTML标签名,value为HTML属性数组,”.”开始的属性表示style属性。

  • 数据类型: Object
  • 默认值:
{ 
    font : ['color', 'size', 'face', '.background-color'], span : [ '.color','.background-color', '.font-size', '.font-family', '.background', '.font-weight','.font-style', '.text-decoration', '.vertical-align', '.line-height' ], div : ['align', '.border', '.margin', '.padding', '.text-align', '.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.background', '.font-style','.text-decoration', '.vertical-align', '.margin-left' ], table: [ 'border','cellspacing', 'cellpadding', 'width', 'height', 'align', 'bordercolor', '.padding','.margin', '.border', 'bgcolor', '.text-align', '.color', '.background-color','.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration','.background', '.width', '.height', '.border-collapse' ], 'td,th': [ 'align','valign', 'width', 'height', 'colspan', 'rowspan', 'bgcolor', '.text-align','.color', '.background-color', '.font-size', '.font-family', '.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.background', '.border' ], a :['href', 'target', 'name'], embed : ['src', 'width', 'height', 'type', 'loop','autostart', 'quality', '.width', '.height', 'align', 'allowscriptaccess'], img :['src', 'width', 'height', 'border', 'alt', 'title', 'align', '.width', '.height','.border'], 'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6' : [ 'align', '.text-align','.color', '.background-color', '.font-size', '.font-family', '.background', '.font-weight', '.font-style', '.text-decoration', '.vertical-align', '.text-indent','.margin-left' ], pre : ['class'], hr : ['class', '.page-break-after'],'br,tbody,tr,strong,b,sub,sup,em,i,u,strike,s,del' : [] }



wellFormatMode

true时美化HTML数据。

  • 数据类型: Boolean
  • 默认值: true



resizeType

2或1或0,2时可以拖动改变宽度和高度,1时只能改变高度,0时不能拖动。

  • 数据类型: Int
  • 默认值: 2



themeType

指定主题风格,可设置”default”、”simple”,指定simple时需要引入simple.css。

  • 数据类型: String
  • 默认值: “default”

示例:

 
    rel="stylesheet" href="../themes/default/default.css" />  
    rel="stylesheet" href="../themes/simple/simple.css" />  
     charset="utf-8"src="../kindeditor.js">  
      charset="utf-8" src="../lang/zh_CN.js">  var editor; KindEditor.ready(function(K) { 
        editor =K.create('#editor_id', { 
        themeType : 'simple' }); }); 



langType

指定语言,可设置”en”、”zh_CN”,需要引入lang/[langType].js。

  • 数据类型: String
  • 默认值: “zh_CN”

示例:

 
    rel="stylesheet" href="../themes/default/default.css" />  
    charset="utf-8" src="../kindeditor.js">  
     charset="utf-8" src="../lang/en.js">  var editor; KindEditor.ready(function(K) { 
       editor =K.create('#editor_id', { 
       langType : 'en' }); }); 



designMode

可视化模式或代码模式

  • 数据类型: Boolean
  • 默认值: true



fullscreenMode

true时加载编辑器后变成全屏模式。

  • 数据类型: Boolean
  • 默认值: false



basePath

指定编辑器的根目录路径。

  • 数据类型: String
  • 默认值: 根据kindeditor.js文件名自动获取



themesPath

指定编辑器的themes目录路径。

  • 数据类型: String
  • 默认值: basePath + ‘themes/’



pluginsPath

指定编辑器的plugins目录路径。

  • 数据类型: String
  • 默认值: basePath + ‘plugins/’



langPath

指定编辑器的lang目录路径。

  • 数据类型: String
  • 默认值: basePath + ‘lang/’



minChangeSize

undo/redo文字输入最小变化长度,当输入的文字变化小于这个长度时不会添加到undo记录里。

  • 数据类型: String
  • 默认值: 5



urlType

改变站内本地URL,可设置”“、”relative”、”absolute”、”domain”。空为不修改URL,relative为相对路径,absolute为绝对路径,domain为带域名的绝对路径。

  • 数据类型: String
  • 默认值: “”



newlineTag

设置回车换行标签,可设置”p”、”br”。

  • 数据类型: String
  • 默认值: “p”



pasteType

设置粘贴类型,0:禁止粘贴, 1:纯文本粘贴, 2:HTML粘贴

  • 数据类型: Int
  • 默认值: 2



dialogAlignType

设置弹出框(dialog)的对齐类型,可设置”“、”page”,指定page时按当前页面居中,指定空时按编辑器居中。

  • 数据类型: String
  • 默认值: “page”



shadowMode

true时弹出层(dialog)显示阴影。

  • 数据类型: Boolean
  • 默认值: true



useContextmenu

true时使用右键菜单,false时屏蔽右键菜单。

  • 数据类型: Boolean
  • 默认值: true



syncType

同步数据的方式,可设置”“、”form”,值为form时提交form时自动同步,空时不会自动同步。

  • 数据类型: String
  • 默认值: “form”



indentChar

wellFormatMode 为true时,HTML代码缩进字符。

  • 数据类型: String
  • 默认值: “\t”



cssPath

指定编辑器iframe document的CSS文件,用于设置可视化区域的样式。

  • 数据类型: String或Array
  • 默认值: 空



cssData

指定编辑器iframe document的CSS数据,用于设置可视化区域的样式。

  • 数据类型: String
  • 默认值: 空



bodyClass

指定编辑器iframe document body的className。

  • 数据类型: String
  • 默认值: “ke-content”



colorTable

指定取色器里的颜色。

  • 数据类型: Array
  • 默认值:
[ ['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'], ['#009900','#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'], ['#337FE5', '#003399','#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'], ['#FFFFFF', '#CCCCCC', '#','#', '#', '#000000'] ]



afterCreate

设置编辑器创建后执行的回调函数。

  • 数据类型: Function
  • 默认值: 无



afterChange

编辑器内容发生变化后执行的回调函数。

  • 数据类型: Function
  • 默认值: 无



afterTab

按下TAB键后执行的的回调函数。

  • 数据类型: Function
  • 默认值: 插入4个空格的函数



afterFocus

编辑器聚焦(focus)时执行的回调函数。

  • 数据类型: Function
  • 默认值: 无



afterBlur

编辑器失去焦点(blur)时执行的回调函数。

  • 数据类型: Function
  • 默认值: 无



afterUpload

上传文件后执行的回调函数。

  • 数据类型: Function
  • 默认值: 无
KindEditor.ready(function(K) { 
    K.create('#id', { 
    afterUpload : function(url) { 
   alert(url); } }); });



uploadJson

指定上传文件的服务器端程序。

  • 数据类型: String
  • 默认值: basePath + ‘php/upload_json.php’



fileManagerJson

指定浏览远程图片的服务器端程序。

  • 数据类型: String
  • 默认值: basePath + ‘php/file_manager_json.php’



allowPreviewEmoticons

true时鼠标放在表情上可以预览表情。

  • 数据类型: Boolean
  • 默认值: true



allowImageUpload

true时显示图片上传按钮。

  • 数据类型: Boolean
  • 默认值: true



allowFlashUpload

true时显示Flash上传按钮。

  • 数据类型: Boolean
  • 默认值: true



allowMediaUpload

true时显示视音频上传按钮。

  • 数据类型: Boolean
  • 默认值: true



allowFileUpload

true时显示文件上传按钮。

  • 数据类型: Boolean
  • 默认值: true

Note

4.0.6版本开始支持。



allowFileManager

true时显示浏览远程服务器按钮。

  • 数据类型: Boolean
  • 默认值: false



fontSizeTable

指定文字大小。

  • 数据类型: Array
  • 默认值:
['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px']



imageTabIndex

图片弹出层的默认显示标签索引。

  • 数据类型: Int
  • 默认值: 0

Note

4.0.6版本开始支持。



formatUploadUrl

false时不会自动格式化上传后的URL。

  • 数据类型: Boolean
  • 默认值: true

Note

4.1版本开始支持。



fullscreenShortcut

false时禁用ESC全屏快捷键。

  • 数据类型: Boolean
  • 默认值: false

Note

4.1版本开始支持,从4.1.2版本开始默认值为false。



extraFileUploadParams

上传图片、Flash、视音频、文件时,支持添加别的参数一并传到服务器。

  • 数据类型: Array
  • 默认值: {}
KindEditor.ready(function(K) { 
    K.create('#id', { 
    extraFileUploadParams : { 
    item_id :1000, category_id : 1 } }); });

Note

4.1.1版本开始支持。



filePostName

指定上传文件form名称。

  • 数据类型: String
  • 默认值: imgFile

Note

4.1.2版本开始支持。



fillDescAfterUploadImage

true时图片上传成功后切换到图片编辑标签,false时插入图片后关闭弹出框。

  • 数据类型: Boolean
  • 默认值: false

Note

4.1.2版本开始支持。



afterSelectFile

从图片空间选择文件后执行的回调函数。

  • 数据类型: Function
  • 默认值: 无

Note

4.1.2版本开始支持。



pagebreakHtml

可指定分页符HTML。

  • 数据类型: String
  • 默认值: 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/221281.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午6:29
下一篇 2026年3月17日 下午6:29


相关推荐

  • 心形曲线(java)

    心形曲线(java)心形曲线java简易表示法importjava.awt.Color;importjava.awt.Graphics;importjava.awt.Image;importjava.awt.Toolkit;importjavax.swing.JFrame;@SuppressWarnings(“serial”)publicclassDemoextendsJFrame…

    2022年10月17日
    5
  • 学计算机应该怎样学,初学者该如何学习电脑知识

    学计算机应该怎样学,初学者该如何学习电脑知识看到不少刚入门的电脑刚入门者找不到适合自己的学习方法,到处碰壁,那么初学者该如何学习电脑知识呢?接下来大家跟着学习啦小编一起来了解一下学习电脑知识的解决方法吧。初学者学习电脑知识方法第一阶段:鼠标和键盘的操作鼠标的操作主要是:移动、拖动、单击、双击和右击,知道鼠标的作用以及基本操作。掌握键盘的操作,可以通过打字练习来完成,熟悉键盘排列,可以熟练打字。第二阶段:操作系统的学习对windowsxp的…

    2022年8月30日
    4
  • 机械振动论文带有simulink分析的_matlab振动仿真实例

    机械振动论文带有simulink分析的_matlab振动仿真实例1、内容简介1、汽车传动系统的力学模型的讨论2、SIMULINK介绍3、(激励源分析并建立相应的SIMULINK模块)包括发动机动力源模型,行驶工况等4、分析扭振特性5、提出改进手段并比较改进前后系统扭振响应340-可以交流、咨询、答疑2、内容说明汽车动力传动系统是一个具有多自由度的、连续的、有阻尼系统。传动系统的振动主要有横向振动、扭转振动、纵向振动。并且汽车传动系统的扭转振动是一个非常重要的振动形式。当汽车制动、起步、换档时,这些非稳定工况下汽车传动系由于受到非周期的冲击性干扰力而产生的振动。当汽车正

    2022年10月15日
    5
  • Cursor+Claude辅助建站保姆级教程:AI赋能高效开发全流程指南

    Cursor+Claude辅助建站保姆级教程:AI赋能高效开发全流程指南

    2026年3月16日
    2
  • 万能量产工具_u盘量产工具怎样使用

    万能量产工具_u盘量产工具怎样使用MPALLv3.23.00版本量产工具可以用来给16G金士顿U盘(PS2251-50)主控刷固件量产。当然也适合其他ps22XX主控的量产只是不用刷固件,一般是量产坏了或者量产不了才涉及到刷固件。做设置分区数量,制作u盘启动盘、低级格式化等不需要刷固件即可成功量产。包含固件为50的固件:BN50V313M-8K.BIN BN50V3122KM-2@4k.BIN FW50FF01

    2025年10月12日
    5
  • HTTP_POST请求的数据格式

    HTTP_POST请求的数据格式在HTTP的请求头中,可以使用Content-type来指定不同格式的请求信息。Content-type的类型常见的媒体格式类型:   text/html:HTML格式   text/plain:纯文本格式     &nbs…

    2022年4月1日
    36

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号