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了。

你可能感兴趣的:(html,浏览器,IE,公告,webkit)