js如何在fckeditor编辑器中光标处插入值

发布时间:2021-01-08编辑:脚本学堂
本文介绍了js在fckeditor编辑器中光标处插入值的方法,有个性化插入内容需求的朋友,可以参考下这个。

用fckeditor做了一个留言编辑框,而表情则需要放在外面,点击后插入。

以下是详细步骤:
1,在html中:
 

复制代码 代码示例:
<img src="image/18.gif" onclick="seteditorcontents('liuyan', this.src);" style='cursor:pointer;'>

2,在js中:
 

复制代码 代码示例:
<script type="text/javascript">
// 设置编辑器中内容
function seteditorcontents(editorname, contentstr) {
     var oeditor = fckeditorapi.getinstance(editorname) ;
     oeditor.inserthtml("<img src="+"'"+contentstr+"'"+"/>");
}
</script>

代码说明:
1,seteditorcontents中传的参数'liuyan'是我的fckeditor生成的文本输入框的id。
2,除了inserthtml之外,还有oeditor.getxhtml(true)和oeditor.setxhtml(true)等方法。
3,也可以写一个js方法来清空fck文本框
 

复制代码 代码示例:
fckeditorapi.getinstance('content').editordocument.body.innerhtml="";