Javascript 粘贴到可编辑的DOM元素时剥离标记

Javascript 粘贴到可编辑的DOM元素时剥离标记,javascript,jquery,wordpress,Javascript,Jquery,Wordpress,我的目标是在粘贴到contenteditable DOM元素时剥离所有标记。我用的是一个可以进入WordPress核心的 将内容粘贴到标题可编辑区域时,插件当前会剥离标签onblur。这将导致格式设置可见,直到焦点丢失(然后标记被剥离)。有关如何执行此操作,请参阅: 我需要在粘贴时去掉标记,这样就不会显示复制的样式和格式。我曾考虑过使用paste事件来剥离粘贴时的标记,但不确定具体如何实现 我试着用'paste'替换'blur',但没有成功 希望有人能帮忙?在117行后粘贴此内容: .on('

我的目标是在粘贴到contenteditable DOM元素时剥离所有标记。我用的是一个可以进入WordPress核心的

将内容粘贴到标题可编辑区域时,插件当前会剥离标签
onblur
。这将导致格式设置可见,直到焦点丢失(然后标记被剥离)。有关如何执行此操作,请参阅:

我需要在粘贴时去掉标记,这样就不会显示复制的样式和格式。我曾考虑过使用
paste
事件来剥离粘贴时的标记,但不确定具体如何实现

我试着用
'paste'
替换
'blur'
,但没有成功


希望有人能帮忙?

在117行后粘贴此内容:

.on('paste', function (e) {
    e.preventDefault();
    var contentOnBlur = (e.originalEvent || e).clipboardData.getData('text/plain') || prompt('Paste something..');
    contentOnBlur = contentOnBlur.replace(/(<([^>]+)>)/ig,'');
    document.execCommand('insertText', false, contentOnBlur);
})
.on('paste',函数(e){
e、 预防默认值();
var contentOnBlur=(e.originalEvent | | e).clipboardData.getData('text/plain')| | prompt('Paste something..');
contentOnBlur=contentOnBlur.replace(/(]+)>)/ig',);
document.execCommand('insertText',false,contentOnBlur);
})

在171行之后粘贴相同的块(不要忘记上一次粘贴可能会将其移低)。

谢谢,尽管我不太清楚如何将该解决方案集成到插件的wp-front-end-editor.js文件中(链接到上面)。当我用该解决方案替换第118-123行时,标签根本不会被剥离。我认为您不需要替换。您应该将此代码与插件分开添加。你需要将这个回调附加到你过去的内容的输入上。我正试图帮助你开发这个插件。插件作者已经请求开发人员提供帮助。虽然我对PHP很熟悉,但我的问题是JavaScript方面的问题。感谢您的更新-我以前尝试过添加解决方案。on('blur',function(){但是没有成功。标签在模糊上剥离,但在粘贴上没有。必须实现更复杂的逻辑。我不想发布代码,因为它不适合您的结构。我给了您基本的功能,您应该从这里开始。下面是详细描述如何实现交叉排列解决方案的示例(基本上是一样的,只是为IE增加了额外的逻辑)。