我一直在尝试优秀的媒体编辑器.我一直遇到的问题是我似乎无法获得"工作"的链接.
最简单的是,这里有一些用于演示问题的HTML/JS:
HTML:
Hello world. link
使用Javascript:
var editor = new MediumEditor('.editable');
这个小提琴演示了这个问题(使用上面的代码).
如果您将鼠标悬停在链接上,则会显示一个弹出窗口.
如果单击该链接,则不会执行任何操作.
如果单击弹出窗口,则会出现一个表单,您可以在其中编辑链接.
在我看来,点击链接应该带我到链接的href
目标位置.使用该链接的唯一方法是右键单击并在新选项卡或新窗口中打开 - 我不想让我的用户这样做.
我觉得我必须在配置中忽略一些简单的东西(Anchor Preview Options或Anchor Form Options).不幸的是,我没有看到它.
在我的实际应用中,我没有使用jQuery
,但我正在使用angularjs
.如果不存在严格的媒体编辑器答案,我可以回退使用基本的JS或angularjs提供的任何东西.
我发现了如何绑定事件.
这是完整的事件列表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/