在wysiwyg编辑器中添加onclick事件到html元素中

Question

我正在使用bootstrap-wysihtml5编辑器。我想为所有输入元素添加onclick事件。 我试图将脚本添加到iframe中。这是行不通的 有没有简单的方法将click事件添加到编辑器中？

请帮忙。

Answer 1

我已经通过添加编辑器的“焦点”和“模糊”事件来解决问题。

Answer 2

需要注意的是，可以通过添加自定义解析器规则设置为默认元素的事件处理程序，并将它附加到编辑器的构造。

简单的例子：

<div id="toolbar" style="display: none;"> 
    <a data-wysihtml5-action="change_view">switch to html view</a> 
</div> 
<textarea id="textarea" placeholder="Enter text ..."></textarea> 

<script src="../parser_rules/simple.js"></script> 
<script src="../dist/wysihtml5-0.4.0pre.js"></script> 
<script> 
    wysihtml5ParserRules.tags.button = { 
    set_attributes: { 
     onclick: "console.log('You clicked a button.')" 
    } 
    } 

    var editor = new wysihtml5.Editor("textarea", { 
    parserRules: wysihtml5ParserRules 
    }); 
</script>