Question

我想使用tinymce来显示和编辑HTML代码。我还想让用户编辑超链接。但我想要一个特殊的处理：我想知道是否点击了一个链接，但我不想导航我试过这段代码：

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="tinymce/tinymce.min.js"></script>
<script>
$(document).ready(function() {
  tinymce.init({
    selector: 'textarea',
    menubar: false,
    toolbar: false,
    plugins: 'link',
    setup: function(editor) {
      editor.on('init', function() {
        editor.setContent('<h1>My heading</h1><a href="page.html">This is a link</a>');
        editor.onClick.add(function(ed, e) {
          if (e.currentTarget.nodeName == 'a') {
            alert('clicked');
            e.preventDefault();
            return false;
          }
        });
      });
    }
  });
});
</script>
</head>
<body>
<textarea></textarea>
</body>
</html>

编辑器已正确加载但如果我单击该链接，则会出现“找不到文件”。

在链接点击之后阻止导航

0 个答案: