Simditor事件不生效(无法监听事件)解决方法

今天在用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被摧毁时
付杰
  • ¥ 89.0元
  • 市场价:129.0元
  • ¥ 79.0元
  • 市场价:129.0元
  • ¥ 15元
  • 市场价:15元
  • ¥ 98.0元
  • 市场价:398.0元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: