当前位置:  开发笔记 > 编程语言 > 正文

如何在Medium Editor中使用链接?

如何解决《如何在MediumEditor中使用链接?》经验,为你挑选了1个好方法。

我一直在尝试优秀的媒体编辑器.我一直遇到的问题是我似乎无法获得"工作"的链接.

最简单的是,这里有一些用于演示问题的HTML/JS:

HTML:



  
  
  


  
Hello world. link

使用Javascript:

var editor = new MediumEditor('.editable');

这个小提琴演示了这个问题(使用上面的代码).

如果您将鼠标悬停在链接上,则会显示一个弹出窗口.

如果单击该链接,则不会执行任何操作.

如果单击弹出窗口,则会出现一个表单,您可以在其中编辑链接.

在我看来,点击链接应该带我到链接的href目标位置.使用该链接的唯一方法是右键单击并在新选项卡或新窗口中打开 - 我不想让我的用户这样做.

我觉得我必须在配置中忽略一些简单的东西(Anchor Preview Options或Anchor Form Options).不幸的是,我没有看到它.

在我的实际应用中,我没有使用jQuery,但我正在使用angularjs.如果不存在严格的媒体编辑器答案,我可以回退使用基本的JS或angularjs提供的任何东西.



1> Valijon..:

我发现了如何绑定事件.

这是完整的事件列表https://github.com/yabwe/medium-editor/blob/master/CUSTOM-EVENTS.md

尝试将代码更改为

var editor = new MediumEditor('.editable')
    .subscribe("editableClick", function(e){if (e.target.href) {window.open(e.target.href)}})

https://jsfiddle.net/fhr18gm1/

推荐阅读
mobiledu2402852357
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有