如何覆盖ngx-quill编辑器链接并使其在同一选项卡中打开？默认情况下，它会在新选项卡中打开

Question

我使用的是带有angular 4的羽毛笔富编辑器。每当我添加一个链接时，它就会被添加到_target =“空白”，这使得它在一个新的标签中打开。我想在同一个标签中打开它。提前谢谢。

Answer 1

目标属性在link blot中设置。你可以通过extend链接来移除这个属性：

var Link = Quill.import('formats/link');
class MyLink extends Link {
  static create(value) {
    const node = super.create(value);
    node.removeAttribute('target');
    return node;
  }
}
Quill.register(MyLink, true);

var quill = new Quill('#editor-container', {
  modules: {
    toolbar: [
      [{ header: [1, 2, false] }],
      ['bold', 'italic', 'underline'],
      ['link']
    ]
  },
  placeholder: 'Compose an epic...',
  theme: 'snow'  // or 'bubble'
});