【问题标题】:CKEditor 5 remove extra <p> tags when paste content from wordCKEditor 5 从 word 粘贴内容时删除额外的 <p> 标签
【发布时间】:2019-09-30 09:35:32
【问题描述】:

当我将粘贴内容从 word 复制到 CKEditor 时,我得到了原始文档中没有的额外空格(换行符),这是由 CKEditor 在粘贴时添加的&lt;p&gt;&lt;br&gt;&amp;nbsp;&lt;/p&gt; 标签引起的。如何在粘贴时删除此标签? 我们是否有一个事件来捕获粘贴时的内容并在保存之前修改内容?

【问题讨论】:

    标签: javascript ms-word ckeditor ckeditor5


    【解决方案1】:

    是的,您可以通过以下方式控制 ckeditor 上的粘贴事件:

    editor.on('paste', function(evt) {});
    

    但在此之前您的问题可能是您的编辑器处于 p 模式以将其更改为 br 您需要将其添加到配置中:

    config.enterMode = CKEDITOR.ENTER_BR;
    

    如果所有这些都失败了,您可以在粘贴之前清理标签:

    editor.on('paste', function(evt) {
    // cancel paste
    evt.stop();
    
    // get text of clipboard
    var text = evt.data.dataValue;
    
    // clean html tags
    var dom = document.createElement("div");
    dom.innerHTML = text;
    plain_text=dom.innerText;
    
    
    editor.insertText(plain_text);
    });
    

    【讨论】:

      猜你喜欢
      • 2013-07-01
      • 1970-01-01
      • 2014-05-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多