首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在Ckeditor 5中创建链接

在Ckeditor 5中创建链接
EN

Stack Overflow用户
提问于 2020-09-07 22:49:08
回答 1查看 330关注 0票数 1

我在这个插件中做错了什么?

代码语言:javascript
复制
editor.model.schema.register('section', {
    allowAttributes: ['class']
});
editor.model.schema.register('a', {
    allowAttributes: ['class', 'href', 'target', 'download']
});

editor.model.change(writer => {

    const section = writer.createElement('section', {
        class: 'button'
    });
    const link = writer.createElement('a', {
        href: 'https://dominio.com/file.pdf',
        target: '_blank',
        download: 'file.pdf'
    });

    writer.appendText('DOWNLOAD', link);
    writer.insert(link, section);

    editor.model.insertContent(section, editor.model.document.selection);

});

结果是:

代码语言:javascript
复制
<p>DOWNLAOD</p>

但它应该是:

代码语言:javascript
复制
<section class="button"><a href="https://dominio.com/file.pdf" download="file.pdf" targert="_blank">DOWNLOAD</a></section>

有没有人知道我在ckeditor 5上创建这个插件的错误之处?

EN

回答 1

Stack Overflow用户

发布于 2021-02-20 20:13:32

我不能像我希望的那样解决它,但我是这样做的:

代码语言:javascript
复制
editor.model.change(writer => {
  const link = writer.createText('DOWNLOAD', {
    linkHref: 'https://file_link'
  });

  editor.model.insertContent(link, editor.model.document.selection);
});
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/63779897

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档