Javascript 从粘贴的文本WYSIWYG中删除背景色

Javascript 从粘贴的文本WYSIWYG中删除背景色,javascript,jquery,html,css,wysiwyg,Javascript,Jquery,Html,Css,Wysiwyg,我目前正在使用WYSIWYG文本编辑器,但在使用一个元素时遇到了一些问题。每当我从一个站点复制和粘贴文本时,它也会用背景色粘贴。我想要它,这样当它粘贴文本时,背景色就被删除了 目前我有一个可以编辑的div: 然后使用jQuery,我尝试删除div中所有子项的背景色,因为粘贴文本时,它会向div添加一个范围: $('#editor').on('paste', function(e) { $(this).children().attr('background-color', 'transp

我目前正在使用WYSIWYG文本编辑器,但在使用一个元素时遇到了一些问题。每当我从一个站点复制和粘贴文本时,它也会用背景色粘贴。我想要它,这样当它粘贴文本时,背景色就被删除了

目前我有一个可以编辑的div:

然后使用jQuery,我尝试删除div中所有子项的背景色,因为粘贴文本时,它会向div添加一个范围:

$('#editor').on('paste', function(e) {
    $(this).children().attr('background-color', 'transparent');
});

但这似乎将先前粘贴的文本的背景色设置为透明,但实际上并未删除背景。

类似于此处的第二种解决方案:

$('#编辑器')。在('paste',函数(e)上{
让粘贴数据、文本;
//停止将数据实际粘贴到div中
e、 停止传播();
e、 预防默认值();
//通过剪贴板API获取粘贴的数据
pastedData=e.originalEvent.clipboardData | | window.clipboardData;
pastedData=pastedData.getData('Text');
text=$(this.text();
console.log(文本,粘贴数据);
$(this).text(text+pastedData);
});


为什么不阻止默认的粘贴行为并自己附加文本内容,我认为这应该行得通,但它会将光标放在文本的开头而不是结尾,如果我在文本框中添加新行或空格,它会删除光标:当添加新行或空格时,我不会遇到同样的问题,它工作得很好@威尔士人我不知道为什么会出现这个问题,我在页面上还有其他脚本,但是当我使用粘贴功能时,没有一个脚本被调用。我还删除了所有其他脚本,但它仍然这样做
而不是
$(this).text(text+pastedData)。太好了@威尔士人我不能在在线编辑器中复制错误,否则我会帮你的。