KindEditor 文本编辑器

KindEditor 3.5.1版本的API

 

一、变量

1. KE.scriptPath
   kindeditor.js的路径。
   数据类型：String
   
2. KE.browser
   浏览器类型和版本，分别为KE.browser.VERSION、KE.browser.IE、KE.browser.WEBKIT、KE.browser.GECKO、KE.browser.OPERA。
   数据类型：Object
   注：3.4以前版本直接返回字符串，分别为"IE"、"WEBKIT"、"GECKO"、"OPERA"。
   
3. KE.g[id].iframeDoc
   编辑区域的iframe对象。
   数据类型：Element
   
4. KE.g[id].keSel
   当前选中信息的KE.selection对象，id为编辑器ID。
   数据类型：Object
   
5. KE.g[id].keRange
   当前选中信息的KE.range对象，id为编辑器ID。
   数据类型：Object
   
6. KE.g[id].sel
   当前选中信息的浏览器原生selection对象，id为编辑器ID。
   数据类型：Object
   
7. KE.g[id].range
   当前选中信息的浏览器原生range对象，id为编辑器ID。
   数据类型：Object
   

二、函数

1. KE.show(config)
   初始化并创建编辑器。执行本函数时先调用KE.init设置初始化参数，然后在DOM加载完成后执行KE.create。
   参数：
   config：Object，编辑器属性集合，具体请参考编辑器属性
   返回值：无
   
2. KE.init(config)
   设置编辑器的初始化参数，loadStyleMode为true时自动加载CSS文件。
   参数：
   config：Object，编辑器属性集合，具体请参考编辑器属性
   返回值：无
   
3. KE.create(id, mode)
   创建编辑器。
   参数：
   id：String，编辑器的ID
   mode：Int，可选参数，指定1时在body下面创建编辑器，0或未指定时在TEXTAREA前面创建编辑器。
   返回值：无
   
4. KE.remove(id, mode)
   移除编辑器。
   参数：
   id：String，编辑器的ID
   mode：Int，可选参数，指定1时移除在body下面的编辑器，0或未指定时移除在TEXTAREA前面的编辑器。
   返回值：无
   
5. KE.html(id)
   取得编辑器的HTML内容。
   参数：
   id：String，编辑器的ID
   返回值：
   String，HTML字符串
   注: 3.5版本开始支持，旧版本可以使用KE.util.getData(id)。
   
6. KE.html(id, val)
   设置编辑器的HTML内容。
   参数：
   id：String，编辑器的ID
   val: String，HTML字符串
   返回值：无
   注: 3.5版本开始支持，旧版本可以使用KE.util.setFullHtml(id, val)。
   
7. KE.text(id)
   取得编辑器的纯文本内容。
   参数：
   id：String，编辑器的ID
   返回值：
   String，去除HTML代码后的文本
   注: 3.5版本开始支持。
   
8. KE.text(id, val)
   设置编辑器的内容，直接显示HTML代码。
   参数：
   id：String，编辑器的ID
   val: String，文本
   返回值：无
   注: 3.5版本开始支持。
   
9. KE.selectedHtml(id)
   取得当前被选中的HTML内容。
   参数：
   id：String，编辑器的ID
   返回值：
   String，HTML字符串
   注: 3.5版本开始支持。
   
10. KE.count(id, mode)
    取得编辑器内容的文字数量。
    参数：
    id：String，编辑器的ID
    mode：String，可选参数，默认值也"html"，mode为"html"时取得字数包含HTML代码，mode为"text"时只包含纯文本、IMG、EMBED。
    返回值：
    Int，文字数量
    注: 3.5版本开始支持。
    
11. KE.isEmpty(id)
    判断编辑器是否有可见内容，比如文本、图片、视频。
    参数：
    id：String，编辑器的ID
    返回值：Boolean
    注: 3.5版本开始支持，旧版本可以使用KE.util.isEmpty(id)。
    
12. KE.insertHtml(id, val)
    将指定的HTML内容插入到编辑区域里的光标处。
    参数：
    id：String，编辑器的ID
    val: String，HTML字符串
    返回值：无
    注: 3.5版本开始支持，旧版本可以使用KE.util.insertHtml(id, val)。
    
13. KE.appendHtml(id, val)
    将指定的HTML内容添加到编辑区域最后位置。
    参数：
    id：String，编辑器的ID
    val: String，HTML字符串
    返回值：无
    注: 3.5版本开始支持。
    
14. KE.util.setData(id)
    把编辑器的内容设置到原TEXTAREA控件里。
    参数：
    id：String，编辑器的ID
    返回值：无
    

我在用这个的时候遇到的问题：

问题：在编辑器的时候文本内容。那个内容框的值传不进那个文本框里面。

    原因：
    1）、刚开始用的是3.4.4版本的文本编辑器。没有传入值的方法。

    解决方法：换成了最新的版本3.5.1里面有这个方法。

    2）、在初始化页面的时候，“编辑公告”弹出窗口已经初始化好并隐藏，其中编辑内容的文本框（id为“editContents”）的值并不为空，而是添加了编辑工具。
“弹出”编辑公告窗口其实是对其赋值并显示。这时候在外面调用$("#editContents").html("所选公告内容")对其重新赋值，会将文本框原有的编辑工具清空。

    解决方法：
弹出“编辑公告”窗口的流程：
i). “编辑公告”按钮点击事件触发后，搜集所选公告的信息得到rowData，并作为参数传入窗口的弹出事件。
ii) 弹出事件edit_openwindow中，根据rowData各项信息对编辑窗口赋值。其中编辑文本框的赋值，调用kindeditor本身的api来实现：
    KE.html("editContents",rowData.affContents);
iii) 显示弹出窗口

2.颜色和表情都看不见。

    原因是因为：我在用3.5.1的时候只把他的js文件拿过来了。是不行的。里面有关联到另外两个文件夹skin和plugins。

     解决方法：把整个项目全部考进来就Ok了。