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>

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

2 个答案: