`
KissAngle
  • 浏览: 8703 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

kindeditor API ,kindeditor应用手册,kindeditor函数

阅读更多

变量

 



  • 1. KE


独一的全局变量,也是法度的定名空间。
数据类型:Object


  • 2. KE.version


编辑器的版本信息。
数据类型:String


  • 3. KE.lang


编辑器的中文信息。
数据类型:Object


  • 4. KE.scriptPath


kindeditor.js的路径。
数据类型:String


  • 5. KE.htmlPath


编辑器的HTML页面路径。
数据类型:String
注:3.4版本已放弃。


  • 6. KE.browser


浏览器类型和版本,分别为KE.browser.VERSION、KE.browser.IE、KE.browser.WEBKIT、 KE.browser.GECKO、KE.browser.OPERA。
数据类型:Object
注:3.4以前版本直接返回字符串,分别为"IE"、"WEBKIT"、"GECKO"、"OPERA"。


  • 7. KE.setting


编辑器的初始化属性和其它设备。
数据类型:Object


  • 8. KE.g


一个编辑器的变量集,包含所有编辑器属性,此外还包含以下变量,经常用KE.g[id]来默示。
例如:KE.g["content_1"].iframeDoc默示id为"content_1"的编辑器的iframe document对象。
数据类型:Object
首要变量:


  • container: 编辑器的外部element对象。

  • iframe: 编辑区域的iframe对象。

  • iframeWin: 编辑区域的iframe window对象。

  • iframeDoc: 编辑区域的iframe document对象。

  • keSel: 当前选中信息的KE.ion对象。

  • keRange: 当前选中信息的KE.range对象。

  • sel: 当前选中信息的浏览器原生ion对象。

  • range: 当前选中信息的浏览器原生range对象。

  • layoutDiv: 编辑器弹出层的div对象。3.4版本已放弃。

  • hideDiv: 编辑器弹出层的parent div对象。

  • dialog: 弹出窗口的iframe对象。3.4版本已放弃。

  • yesButton: 弹出窗口的断定按钮input对象。

  • noButton: 弹出窗口的作废按钮input对象。

  • previewButton: 弹出窗口的预览按钮input对象。

  • maskDiv: 弹出窗口时灰色遮罩层的div对象。

  • undoStack: undo/redo的undo记录。

  • redoStack: undo/redo的redo记录。




  • 9. KE.plugin


定义编辑器的插件。
数据类型:Object

 

函数

 



  • 1. KE.¥(id, doc)


取得element对象,doc.getElementById的别号。
参数:
id:String,element的id
doc:Object,element地点document对象,是可选参数,默认值为document。
返回值:
Object,element对象


  • 2. KE.¥¥(name, doc)


创建element对象,doc.createElement的别号。
参数:
name:String,element的tag name
doc:Object,element地点document对象,是可选参数,默认值为document。
返回值:
Object,element对象


  • 3. KE.event.add(el, event, listener)


添加一个事务。
参数:
el:Object,要添加事务的element对象
event:String,事务名称,可设置"click","change","mousedown"等。
listener:Function,事务处理惩罚回调函数。
返回值:无


  • 4. KE.event.remove(el, event, listener)


删除已添加的一个事务。
参数:
el:Object,要添加事务的element对象
event:String,事务名称,可设置"click","change","mousedown"等。
listener:Function,事务处理惩罚回调函数。
返回值:无


  • 5. KE.event.input(el, func)


添加一个编辑器输入事务。
参数:
el:Object,要添加事务的element对象
func:Function,编辑器输入内容时调用这个函数。
返回值:无


  • 6. KE.event.ctrl(el, key, func)


添加一个Ctrl+[?]事务。
参数:
el:Object,要添加事务的element对象
key:String,Ctrl组合键的字母,支撑A到Z。
func:Function,按下Ctrl+[?]时调用这个函数。
返回值:无


  • 7. KE.event.ready(func)


添加一个document的DOMContentLoaded事务。
参数:
func:Function,DOM加载完成后调用这个函数。
返回值:无


  • 8. KE.each(obj, func)


遍历一个object。
参数:
obj:Object,要遍历的object
func:Function,轮回时调用这个函数,参数为object的key和value。
返回值:无


  • 9. KE.eachNode(node, func)


遍历一个node。
参数:
node:Object,要遍历的parent node
func:Function,轮回时调用这个函数,参数为node。
返回值:无


  • 10. KE.format.getHtml(html, htmlTags)


把HTML转换成XHTML,当指定htmlTags参数时,遵守htmlTags规矩过滤HTML标签。
参数:
html:String,HTML文本
htmlTags:Object,过滤规矩,可选参数。
返回值:
String,XHTML文本


  • 11. KE.util.getDocumentElement()


取得document element对象。
参数:无
返回值:
Object,element对象


  • 12. KE.util.getDocumentWidth()


取合适前页面的宽度。
参数:无
返回值:
Int,document宽度


  • 13. KE.util.getDocumentHeight()


取合适前页面的高度。
参数:无
返回值:
Int,document高度


  • 14. KE.util.loadStyle(path)


在当前页面加载一个CSS文件。
参数:
path:String,CSS文件的URL路径
返回值:无


  • 15. KE.util.inArray(str, arr)


断定一个字符串是否在一个数组里。
参数:
str:String
arr:Array
返回值:
Boolean,返回true默示在数组里,返回false默示不在数组里。


  • 16. KE.util.trim(str)


删除字符串两边的空格字符。
参数:
str:String
返回值:String


  • 17. KE.util.getJsKey(key)


把HTML style里的CSS名转换成JavaScript属性名。例如:KE.util.getJsKey("font-size")会返回"fontSize"。
参数:
key:String
返回值:String


  • 18. KE.util.escape(html)


转换HTML里的特别字符。
参数:
html:String,HTML文本
返回值:String


  • 19. KE.util.getElementPos(el)


取得指定element的坐标。
参数:
el:Object,element对象
返回值:Object


  • 20. KE.util.getCoords(ev)


取得鼠标坐标。
参数:
ev:Object,event对象
返回值:Object


  • 21. KE.util.setOpacity(el, opacity)


设置element的透明度。
参数:
el:Object,element对象
opacity:Int,透明度,可设置0到100的数字。
返回值:无


  • 22. KE.util.getIframeDoc(iframe)


取得iframe document对象。
参数:
iframe:Object,iframe对象
返回值:Object


  • 23. KE.util.rgbToHex(str)


把RGB格局的色彩转换成16进制的色彩。
参数:
str:String,RGB色彩标识表记标帜
返回值:String


  • 24. KE.util.createRange(doc)


创建指定document的range。
参数:
doc:Object,document对象
返回值:Object,range对象


  • 25. KE.util.getFullHtml(id, tagLineMode)


取得编辑器iframe的初始化HTML文本。
参数:
id:String,编辑器的ID
tagLineMode:Boolean,true时显示模块标签的轮廓。
返回值:String


  • 26. KE.util.getData(id)


取得编辑器的HTML内容。
参数:
id:String,编辑器的ID
返回值:String


  • 27. KE.util.getSrcData(id)


取得编辑器的原生HTML内容,也就是innerHTML直接返回的HTML。
参数:
id:String,编辑器的ID
返回值:String


  • 28. KE.util.getPureData(id)


取得编辑器的纯文本内容,不包含HTML标签。3.4版本开端包含img和embed标签。
参数:
id:String,编辑器的ID
返回值:String


  • 29. KE.util.setData(id)


把编辑器的内容设置到原TEXTAREA控件里。
参数:
id:String,编辑器的ID
返回值:无


  • 30. KE.util.focus(id)


把核心移到编辑器里。
参数:
id:String,编辑器的ID
返回值:无


  • 31. KE.util.ion(id)


把当前选中信息设置到KE.g[id].sel,KE.g[id].range,KE.g[id].keSel,KE.g[id].keRange里。
参数:
id:String,编辑器的ID
返回值:无


  • 32. KE.util.(id)


从头选中range,仅在IE有效。
参数:
id:String,编辑器的ID
返回值:无


  • 33. KE.util.pToBr(id)


按下回车键时生成BR标签,仅在IE有效。
参数:
id:String,编辑器的ID
返回值:无
注:3.4版本已放弃。


  • 34. KE.util.execCommand(id, cmd, value)


履行浏览器自带的号令,具体请参考浏览器API里的document.execCommand。
参数:
id:String,编辑器的ID
cmd:String,浏览器execCommand里的cmd参数
value:String,浏览器execCommand里的value参数
返回值:无


  • 35. KE.util.Html(id, html)


把HTML内容插入到编辑区域里的光标处。
参数:
id:String,编辑器的ID
html:String,HTML内容
返回值:无
注:履行本函数之前必须先履行过 KE.util.ion(id),因为要先设置KE.g[id].sel和KE.g[id].range。


  • 36. KE.create(id, mode)


创建编辑器。
参数:
id:String,编辑器的ID
mode:Int,可选参数,指定1时在body下面创建编辑器,0或未指按时在TEXTAREA前面创建编辑器。
返回值:无


  • 37. KE.remove(id, mode)


移除编辑器。
参数:
id:String,编辑器的ID
mode:Int,可选参数,指定1时移除在body下面的编辑器,0或未指按时移除在TEXTAREA前面的编辑器。
返回值:无


  • 38. KE.init(config)


设置编辑器的初始化参数。
参数:
config:Object,编辑器属性的哈希数组,具体请参考编辑器属性
返回值:无


  • 39. KE.show(config)


初始化并创建编辑器。履行本函数时先调用KE.init设置初始化参数,然后在DOM加载完成后履行KE.create。
参数:
config:Object,编辑器属性的哈希数组,具体请参考编辑器属性
返回值:无

 

 



  • 1. KE.ion(win, doc)


KindEditor的ion类,取得或设置选中项目组的range。
参数:
win:Object,window对象
oc:Object,document对象
成员变量:


  • sel:Object,浏览器原生ion对象

  • range:Object,当前ion的浏览器原生range对象

  • keRange:Object,当前ion的KindEditor range对象,请参考KE.range。


办法:


  • addRange(keRange):设置当前ion。

  • focus():从头选中、仅在IE有效。




  • 2. KE.range(doc)


KindEditor的range类,为各浏览器供给同一的range接口。
参数:
doc:Object,document对象
成员变量:


  • startNode:Object,开端节点

  • startPos:Int,开端节点的地位

  • endNode:Object,停止节点

  • endPos:Int,停止节点的地位


办法:


  • getParentElement():返回包含range的parent element。

  • getNodeList():返回range里的node list。

  • comparePoints(how, range):斗劲2个keRange的地位,how可以设置"START_TO_START", "START_TO_END", "END_TO_START","END_TO_END"。

  • setStart(node, pos):设置range的开端节点和地位。

  • setEnd(node, pos):设置range的停止节点和地位。

  • Node(node):把node设置到range,开端节点和停止节点都是node。

  • extractContents():提取range的内容。

  • cloneContents():复制range的内容。

  • getText():取得range的纯文本内容。




  • 3. KE.cmd(id)


KindEditor的号令类,类似execCommand。
参数:
id:String,编辑器的ID
成员变量:


  • doc:Object,编辑器的iframe document对象

  • keSel:Int,KindEditor ion对象

  • keRange:Object,当前ion的KindEditor range对象


办法:


  • wrap(tagName, attributes):用指定标签包当前选中文本,今朝只支撑inline tag。tagName为标签名,attributes为该标签属性数组。

  • remove(tags):在当前选中文本中,清除指定的标签和属性。tags为你要删除的标签和属性。


 

分享到:
评论

相关推荐

    KindEditor手册

    ### KindEditor 手册 #### 一、简介 KindEditor是一款功能强大且高效的HTML可视化编辑器,它能够让用户轻松地实现“所见即所得”的编辑体验。KindEditor使用JavaScript进行编写,具有良好的跨平台特性,能够与Java...

    kindeditor粘贴word文档内容时去除格式的方法

    由于其简洁的界面和强大的功能,KindEditor被广泛应用于各类网站的后台管理系统中,特别是在新闻编辑、博客写作、论坛发帖等场景下,极大地提高了用户编辑富文本内容的效率。 ### 粘贴Word文档内容的问题 当用户将...

    Extjs kindeditor整合 demo

    3. 初始化KindEditor:在ExtJS的回调函数中,使用KindEditor的API来初始化编辑器,指定容器元素(通常是ExtJS组件的DOM元素)。 4. 处理交互:可能需要监听KindEditor的事件,比如内容改变,然后更新ExtJS的数据模型...

    kindeditor图片上传携带token字段

    在`beforeUpload`回调函数中,我们可以使用原生的XMLHttpRequest或者现代浏览器的fetch API来发送带有token的POST请求: ```javascript beforeUpload: function(file) { var xhr = new XMLHttpRequest(); xhr....

    kindeditor-4.1.11-zh-CN插件及api文档

    在实际应用中,开发者可以通过阅读API文档来了解每个函数和方法的作用,以便于实现特定的需求,比如自定义工具栏按钮、实现特定的编辑效果或者与后端数据交互等。同时,插件机制使得开发者可以轻松地扩展编辑器功能...

    kindeditor-4.1.11多图上传按钮无法出现且无法点击flash无法上传

    KindEditor 是一款开源的富文本编辑器,广泛应用于网页内容编辑。在它的4.1.11版本中,存在一个与Flash相关的问题,即多图上传按钮无法显示且无法通过Flash进行文件上传。由于Adobe公司在2020年底已经停止对Flash ...

    kindeditor.zip

    KindEditor是一款开源的JavaScript富文本编辑器,常用于网页中的文字编辑功能,提供了一套完善的API,方便开发者进行自定义扩展。在这个"kindeditor.zip"压缩包中,我们可以看到作者针对KindEditor进行了特定的定制...

    kindeditor--自定义添加网络视频插件,修改批量图片上传方式flash为h5

    这涉及到理解KindEditor的API和插件机制。你需要创建一个新的JavaScript文件,定义插件的基本结构,包括初始化、按钮点击事件处理、视频URL的输入验证以及视频代码的生成。例如,你可以创建一个名为`videoEmbed.js`...

    公式编译器整理jmeditor+kindeditor

    这使得KindEditor在需要集成公式编译器的应用中具有很高的灵活性。 在描述中提到的"整合富文本框的公式编译器",可能是指在这些编辑器中集成了一个专门处理数学公式的组件,如MathJax或者KaTeX。MathJax是一个广泛...

    kindeditor编辑器-封装

    KindEditor本身不直接提供复制快捷键支持,但开发者可以通过监听键盘事件或调用浏览器的复制API来实现这一功能。 5. 其他高级功能:除了基本的编辑和获取内容,封装可能还包括对图片上传、链接添加、表格创建等高级...

    kindeditor富文本,多图上传,去除flash插件,解决无法展示选择图片按钮问题,以及添加上传后结果展示

    KindEditor是一款广泛应用于网页编辑的开源富文本编辑器,它提供了丰富的文本格式化选项和功能,如插入图片、链接、表格等。在当前的技术环境中,由于Flash插件的安全性和兼容性问题,逐渐被淘汰,因此去除Flash插件...

    彻底解决asp中KindEditor编辑器无法获得提交的数据

    3. **使用KindEditor Node API或jQuery**:对于熟悉Node API或jQuery的开发者来说,也可以使用这些库的方法来获取内容。 ```javascript var html = K('#editor_id').val(); // 使用KindEditor Node API var ...

    kindeditor

    3. **可定制性**:通过API接口,开发者可以定制编辑器的外观和行为,比如改变工具栏布局,添加自定义按钮,或者设置特定的事件处理函数。 4. **安全性**:考虑到HTML内容可能带来的安全问题,如XSS攻击,KindEditor...

    kindeditor文本编辑器实例(包含本地图片上传及浏览服务器方法)

    KindEditor是一款功能强大的开源富文本编辑器,广泛应用于网页内容编辑和管理。它提供了一种简单易用的界面,使得用户可以轻松地进行文本格式化、插入图片、创建链接等操作,大大提升了网页内容创作的效率。在这个...

    JAVA中使用kindeditor实现在线编辑文档

    在`KindEditor.ready`函数中初始化编辑器,指定要绑定的textarea元素,并根据需要配置编辑器选项。 3. **配置编辑器**:KindEditor有许多可配置的选项,例如: - `width`和`height`:设置编辑器的宽度和高度。 -...

    kindeditor js文本编辑器 src 使用文档大集合

    KindEditor是一款功能强大的JavaScript富文本编辑器,广泛应用于网页内容编辑和管理。它提供了丰富的API接口,支持多种浏览器环境,包括Chrome、Firefox、Safari、IE6+等。本资源包含的是KindEditor的源码及使用文档...

    kindeditor富文本编辑器

    KindEditor是一款功能强大的开源富文本编辑器,广泛应用于网页内容编辑和管理,它提供了丰富的API接口,支持多种浏览器环境,包括Chrome、Firefox、Safari、IE等主流浏览器。这款编辑器以其用户友好的界面和高度可...

    kindeditor 分页和图片上传完整代码

    KindEditor是一款功能强大的开源富文本编辑器,广泛应用于网页内容编辑和管理。在这个主题中,我们将深入探讨如何在KindEditor中实现分页功能以及图片上传的完整代码实现。 首先,让我们了解一下KindEditor的基本...

    kindeditor图片删除功能

    在.NET环境下,如果你的项目集成了KindEditor,那么可能需要将这些修改应用到你的.NET项目的相应代码文件中,例如在ASP.NET MVC项目中,你可能需要更新视图(View)中的KindEditor初始化代码,以及控制器...

Global site tag (gtag.js) - Google Analytics