我有一个基本的编辑器,基于execCommand
下面介绍的示例。有三种方法在execCommand
区域内粘贴文本:
我想只允许粘贴纯文本而不使用任何HTML标记。我如何强制前两个动作粘贴纯文本?
可能的解决方案:我可以想到的方法是在粘贴之前为(Ctrl + V)设置关键事件的监听器并剥离HTML标签。
发布于 2018-03-19 15:45:51
拦截paste
事件,取消粘贴,并手动插入剪贴板的文本表示形式:http : //jsfiddle.net/HBEzc/。这应该是最可靠的:
不过,我不确定是否支持跨浏览器。
editor.addEventListener("paste", function(e) {
// cancel paste
e.preventDefault();
// get text representation of clipboard
var text = e.clipboardData.getData("text/plain");
// insert text manually
document.execCommand("insertHTML", false, text);
});
发布于 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);
}
https://stackoverflow.com/questions/-100007671
复制相似问题