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

Question

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

目录

<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 将其内容可编辑属性设置为 true。

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

基本上，我在锚元素中添加了一个 onMouseOver 侦听器，该侦听器将 jqte 编辑器的可内容属性更改为 false。