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

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>