今天在用Simditor富文本编辑器的时候,需要用上“事件”,我最初想不用它自带的事件,直接用纯原生的JavaScript代码,结果还不行。
我只好用Simditor自带的事件监听方法,结果换了各种姿势,监听事件一直没有生效。
原因:
主要是因为我的姿势不正确,Simditor事件监听代码没有写对。
解决方法
由于我用的是纯原生的JavaScript代码,因此正确的Simditor事件监听代码如下:
<script type="text/javascript">
var editor = new Simditor({
textarea: $('#editor')
});
editor.on("valuechanged",function(){
alert('付杰博客:www.fujieace.com');
//alert(editor.getValue());
//document.getElementById("editor").innerHTML = editor.getValue();
})
</script>
下面顺便再给大家补充一点相关知识:Simditor提供的方法以及事件监听
1、Simditor提供了很多常用方法。则可以用以下方法对富文本编辑器进行操作:
editor.setValue('付杰博客'); // 设置正文内容
editor.getValue(); // 获取正文内容
editor.sync(); // 将正文内容和textarea标签的value属性的值进行同步,返回正文内容
editor.focus(); // 使textarea获得焦点并且触发'focus'事件
editor.blur(); // 使textarea失去焦点并且触发'blur'事件
editor.hidePopover(); // 隐藏弹出的弹出框(例如编辑图片和链接的弹出框)
editor.destroy(); // 销毁Simditor,包括所有事件和创建了的元素
2、Simditor提供了很多监听事件,提供了以下事件:
valuechanged // 正文内容改变时
selectionchanged // 光标选中的文本位置改变时
decorate // 粘贴和调用setValue时
undecorate // 调用getValue和sync时
pasting // 粘贴内容时
focus // textarea获得焦点时
blur // textarea失去焦点时
destroy // Simeditor被摧毁时