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”

示例:

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

langType

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

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

示例:

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

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', '#999999','#666666', '#333333', '#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
  • 默认值: <hr style=”page-break-after: always;” class=”ke-pagebreak” />
 

KindEditor编辑器(初始化参数)的更多相关文章

  1. 如何在一个页面添加多个不同的kindeditor编辑器

    kindeditor官方下载地址:http://kindeditor.net/down.php    (入门必看)kindeditor官方文档:http://kindeditor.net/doc.ph ...

  2. KindEditor 编辑器使用方法

    http://kindeditor.net/docs/usage.html 编辑器使用方法 1. 下载编辑器 下载 KindEditor 最新版本,下载之后打开 examples/index.html ...

  3. 【HTML】KindEditor编辑器在ASP.NET中使用

    本文大多内容来自KindEditor官网,自己加工理解后做的一个备份. 编辑器使用方法 1. 下载编辑器 下载 KindEditor 最新版本,下载之后打开 examples/index.html 就 ...

  4. kindeditor编辑器的使用

    KindEditor是一款用Javascript编写的开源在线HTML编辑器,主要用户是让用户在网站上获得可见即可得的编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(texta ...

  5. KindEditor编辑器在ASP.NET中的使用

    KindEditor编辑器在ASP.NET中的使用 最近做的项目中都有用到富文本编辑器,一直在寻找最后用的富文本编辑器,之前用过CKEditor,也用过UEditor,这次打算用 一下KindEdit ...

  6. kindeditor编辑器和图片上传独立分开的配置细节

    关于kindeditor编辑器上传按钮的异步加载最关键的部署问题,它的上传图片的组件都已经封装得很好了的,只需要监听到页面按钮的点击事件给编辑器对象传递一些对应的初始化参数即可显示图片上传的弹窗实现异 ...

  7. Spring MVC初始化参数绑定

    初始化参数绑定与类型转换很类似,初始化绑定时,主要是参数类型 ---单日期 在处理器类中配置绑定方法  使用@InitBinder注解 在这里首先注册一个用户编辑器 参数一为目标类型   proper ...

  8. SpringMVC初始化参数绑定--日期格式

    一.初始化参数绑定[一种日期格式] 配置步骤: ①:在applicationcontext.xml中只需要配置一个包扫描器即可 <!-- 包扫描器 --> <context:comp ...

  9. SpringMvc中初始化参数绑定

    初始化参数绑定与类型转换很类似,初始化绑定时,主要是参数类型 ---单日期 在处理器类中配置绑定方法  使用@InitBinder注解 在这里首先注册一个用户编辑器 参数一为目标类型   proper ...

  10. springmvc的初始化参数绑定

    一.springmvc的初始化参数绑定 此种和我们之前说的类型转换非常相似,可以看作是一种类型转换 在初始化参数绑定时  重要的是参数类型 -------------------单日期的绑定 二. 配 ...

随机推荐

  1. MySQL数据库的热备份和冷备份

    冷备份(off, 慢, 时间点上恢复)冷备份发生在数据库已经正常关闭的情况下,当正常关闭时会提供给我们一个完整的数据库.冷备份是将关键性文件拷贝到另外位置的一种说法.对于备份数据库信息而言,冷备份是最 ...

  2. 【javascript 变量和作用域】

    今天学习了javascript 的变量和作用域的基本知识,对于以前在开发中遇到的一些不懂的小问题也有了系统的认识,收获还是比较多的. [基本类型和引用类型] ECMAScript 变量可能包含两种不同 ...

  3. Python httpsqs封装类

    ''' httpsqs队列封装 @author xp_go@qq.com a = HttpsqsClient('192.168.0.218','1218','httpsqsmmall.com') pr ...

  4. 集成Facebook和Twitter的Model动画-b

    这个动画.  感谢大神分享 JPPopPresentAnimation.gif 要实现这个功能分两步走:第一步,先实现这个动画.第二步,0行代码集成到项目.也就是,你不用改原有项目的任何代码,只要把写 ...

  5. iOS面试题16719-b

    1. 反转二叉树,不用递归 /*** Definition for a binary tree node.* public class TreeNode {*     int val;*     Tr ...

  6. c/c++动态分配内存和malloc的使用

    c/c++动态分配内存  为什么需要动态分配内存 ---很好的解决的了传统数组的4个缺陷 动态内存分配举例 ---动态数组的构造 使用动态数组的优点:    1. 动态数组长度不需要事先给定: 2. ...

  7. TEA算法

    我们要讨论的最后一个分组密码加密算法是TEA(Tiny Encryption Algorithm).到目前为止,我们在前面所呈现的连线图可能会使你得出如下结论:分组密码加密算法必须是复杂的.TEA却能 ...

  8. PHP数组和Json之间的互相转换 json_encode() 和 json_decode()

    之所以要用到Json,很多时候是因为使用ajax对象时,程序与JS函数之间的数据交互.因为JS不认识PHP中的数组,PHP也不认识JS中的数组或对象.Json很好的解决了这个问题. Json简介 JS ...

  9. MySQL查询原理及其慢查询优化案例分享(转)

    MySQL凭借着出色的性能.低廉的成本.丰富的资源,已经成为绝大多数互联网公司的首选关系型数据库.虽然性能出色,但所谓“好马配好鞍”,如何能够更 好的使用它,已经成为开发工程师的必修课,我们经常会从职 ...

  10. Android开源项目发现---Menu 篇(持续更新)

    1. MenuDrawer 滑出式菜单,通过拖动屏幕边缘滑出菜单,支持屏幕上下左右划出,支持当前View处于上下层,支持Windows边缘.ListView边缘.ViewPager变化划出菜单等. 项 ...