在execCommand中用'粘贴为纯文本'的Javascript技巧
在execCommand中用'粘贴为纯文本'的Javascript技巧
提问于 2018-03-19 07:20:12
我有一个基本的编辑器，基于execCommand下面介绍的示例。有三种方法在execCommand区域内粘贴文本：
- Ctrl + V
- 右键点击 - >粘贴
- 右键点击 - >粘贴为纯文本
我想只允许粘贴纯文本而不使用任何HTML标记。我如何强制前两个动作粘贴纯文本？
可能的解决方案：我可以想到的方法是在粘贴之前为（Ctrl + V）设置关键事件的监听器并剥离HTML标签。
- 这是最好的解决方案吗？
- 避免粘贴任何HTML makup是否是防弹的？
- 如何将侦听器添加到右键单击 - >粘贴？
Stack Overflow用户
发布于 2018-03-19 17:02:48
当然，这个问题已经得到解答，而且这个话题已经很老了，但我想提供我的解决方案，因为它很简单：
这是在我的contenteditable-div的粘贴事件中。
var text = '';
var that = $(this);
if (e.clipboardData)
text = e.clipboardData.getData('text/plain');
else if (window.clipboardData)
text = window.clipboardData.getData('Text');
else if (e.originalEvent.clipboardData)
text = $('<div></div>').text(e.originalEvent.clipboardData.getData('text'));
if (document.queryCommandSupported('insertText')) {
document.execCommand('insertHTML', false, $(text).html());
return false;
}
else { // IE > 7
that.find('*').each(function () {
$(this).addClass('within');
});
setTimeout(function () {
// nochmal alle durchlaufen
that.find('*').each(function () {
// wenn das element keine klasse 'within' hat, dann unwrap
// http://api.jquery.com/unwrap/
$(this).not('.within').contents().unwrap();
});
}, 1);
}
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/-100007671
复制相关文章
相似问题