jquery - 如何使 jQuery 文本编辑器中的链接可点击？

Question

在将引导弹出窗口动态添加到我的 jquery 编辑器时，我发现编辑器内的任何链接都呈现为不可点击。我在弹出框的内容中放置了超链接，并且这些链接也呈现为不可点击。知道如何在编辑器中覆盖此效果以使它们可点击。谢谢你。

html

<textarea class="textarea"></textarea>

镖

  context.callMethod(r'$', ['.textarea']).callMethod('jqte');
  querySelector('.jqte_editor').children.add(new AnchorElement(href: 'dartlang.org')..text = 'link');

Answer 1

也许还有另一种解决方案，但这里有一个。jqte 中的链接不可点击，因为 jqte 将其 contenteditable 属性设置为 true。

  querySelector('.jqte_editor').children.add(new AnchorElement(href: 'dartlang.org')
  ..text = 'link'
  ..onMouseOver.listen((e){
    querySelector('.jqte_editor').setAttribute('contenteditable', 'false');
  })
  );

基本上，我已将 onMouseOver 侦听器添加到将 jqte 编辑器的 contentediable 属性更改为 false 的锚元素。