在所见即所得编辑器中将 onclick 事件添加到 html 元素中答案

【问题标题】：Add onclick event into the html elements in wysiwyg editor在所见即所得编辑器中将 onclick 事件添加到 html 元素中
【发布时间】：2013-04-10 09:33:26
【问题描述】：

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

请帮忙。

【问题讨论】：

标签： twitter-bootstrap editor wysiwyg wysihtml5

【解决方案1】：

我通过添加编辑器的“焦点”和“模糊”事件解决了这个问题。

【讨论】：

【解决方案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>

【讨论】：