CKEditor 5如何设置始终以纯文本格式粘贴剪贴板内容？

首先明确说：CKEditor 5确实支持全局设置纯文本粘贴，而且有两种实用方式——一种是直接用官方配置项（最简单可靠），另一种是手动修复你尝试的剪贴板事件监听代码。

方法一：用内置配置项一键开启（官方推荐） #

CKEditor 5的clipboard插件自带了forcePlainTextPaste配置，开启后所有粘贴操作都会自动转为纯文本，完全不用自己写事件监听。配置方式如下：

$(document).ready(function () {
    ClassicEditor.create(document.querySelector('#text'), {
        toolbar: [ 
            'heading', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo' 
        ],
        // 新增这个配置项即可
        clipboard: {
            forcePlainTextPaste: true
        }
    }).catch(function (error) {
        console.error(error);
    });
});

这个方法会利用编辑器内置的剪贴板处理逻辑，比手动写代码更稳定，还能避免浏览器兼容问题。

方法二：修复你的剪贴板事件监听代码 #

如果因为特殊需求必须手动处理剪贴板事件，你的原代码有两个关键问题：

1. this.listenTo里的this指向错误：在.then()的普通函数中，this不是编辑器实例，导致监听根本没绑定到正确的对象上；
2. 没有替换粘贴内容并阻止默认行为：就算监听到事件，也没告诉编辑器要插入纯文本，还是会走默认的带格式粘贴流程。

修复后的代码如下：

$(document).ready(function () {
    ClassicEditor.create(document.querySelector('#text'), {
        toolbar: [ 
            'heading', 'bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', 'undo', 'redo' 
        ]
    }).then(function (editor) {
        // 正确绑定剪贴板输入事件
        editor.editing.view.on('clipboardInput', function (event, data) {
            console.log('剪贴板事件触发了！');
            
            // 提取剪贴板里的纯文本内容
            const plainText = data.dataTransfer.getData('text/plain');
            
            if (plainText) {
                // 把纯文本插入编辑器
                editor.model.insertContent(editor.model.createText(plainText));
                // 阻止默认粘贴逻辑，避免带格式内容被插入
                event.stop();
            }
        });
    }).catch(function (error) {
        console.error(error);
    });
});

关键修复点说明： #

• 用editor.editing.view.on替代this.listenTo，确保事件绑定到编辑器的视图对象上；
• 通过data.dataTransfer.getData('text/plain')获取纯文本内容；
• 调用event.stop()阻止编辑器的默认粘贴流程，强制插入纯文本。

为什么你的原代码没生效？ #

原代码里的this.listenTo，在普通函数的上下文里this指向的是全局对象（浏览器里就是window），根本没绑定到编辑器实例上，所以console.log自然不会触发。换成editor.editing.view.on就能正确绑定事件了。

内容的提问来源于stack exchange，提问作者Thomas Müller