您的位置：首页 > Web前端 > CSS

一个可编辑div中粘贴内容时过滤掉粘贴内容的一些特殊的样式或者标签

2012-12-10 10:27 253 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>

</head>

<body>
<div id="test" style="float: left; height: 100px; width: 500px; border:1px solid red" contenteditable="true" class="testmr"> 2222</div>

</body>

</html>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(function(){

var update = function(original){
var new_content = $('.testmr').html();

var new_content = new_content.replace(/class="[^"]+"/ig, '');

new_content = new_content.replace(/class\="[^"]+"/gi, '');

new_content = new_content.replace(/<h1.*?>(.*?)<\/h1>/ig,"$1");

new_content = new_content.replace(/<h2.*?>(.*?)<\/h2>/ig,"$1");

new_content = new_content.replace(/<h3.*?>(.*?)<\/h3>/ig,"$1");

new_content = new_content.replace(/<h4.*?>(.*?)<\/h4>/ig,"$1");

new_content = new_content.replace(/<h5.*?>(.*?)<\/h5>/ig,"$1");

new_content = new_content.replace(/<h6.*?>(.*?)<\/h6>/ig,"$1");

new_content = new_content.replace(/style\="[^"]+"/gi, '');

alert(new_content);
$('.testmr').html(new_content);
}

$('.testmr').bind('paste',function(e){
var $this = $(this);
var original = $this.html();
setTimeout(function(){update();}, 10);

})
})

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航