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

Question

我正在使用 Angular 4 的 quill rich 编辑器。每当我添加链接时，它都会添加 _target = "blank"，这使得它在新选项卡中打开。我想在同一个选项卡中打开它。提前致谢。

Answer 1

目标属性在 link blot 中设置。您可以extend删除此属性的链接 Blob :

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'
});