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

时间:2013-12-18 19:02:51

标签: jquery twitter-bootstrap bootjack

在我的jquery编辑器中动态添加引导程序弹出窗口时,我发现编辑器中的任何链接都是不可点击的。我在我的弹出窗口内容中放置了超链接,这些链接也被渲染为不可点击。任何想法如何在编辑器中覆盖这种效果,使它们可以点击。谢谢。

HTML

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

达特

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

1 个答案:

答案 0 :(得分:0)

也许还有另一个解决方案,但这里有一个。链接不能在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的anchor元素。