正则表达式小脚本(对输入内容进行处理)
2016-12-26 13:34
495 查看
该小脚本实现的是对输入框内容中取出<img>标签中的src中的内容,然后在原来位置进行替换内容,然后在去除输入内容中的html标签,空格等操作
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function () { var target = document.getElementById("div1"); var but = document.getElementById("but"); var value; but.onclick = function () { value = target.innerHTML; result = dealText(value); alert(result); }; }; function dealText(msg) { var text1 = imageRound(msg); var text2 = removeTag(text1); var text3 = removeBlank(text2); var text4 = changeNBSP(text3); return text4; } function DealNum(num) { var content = []; for (var i = 0; i < num.length; i++) { // content.push(defaultSrc(num[i])); } return content; } function defaultSrc(src) { return ':avator:'; } function returnValue(srcValue) { var num = []; var pattern = /([^\/]+)\./; var src; for (var i = 0; i < srcValue.length; i++) { src = pattern.exec(srcValue[i])[1]; num.push(src); } // alert(num); var source = DealNum(num); return source; } function imageRound(text) { var reg2 = /<img.*?\>/gi; var s = text.match(reg2); var num = returnValue(s); var i = 0; var content = text.replace(reg2, function () { return num[i++]; }); return content; } function removeTag(text) { var text1; var reg = /<.*?>|<.*?\/>/g; text1 = text.replace(reg, ""); return text1; } function removeBlank(text) { var text1; var reg = /\s+/g; text1 = text.replace(reg, ""); return text1; } function changeNBSP(text) { var text1; var reg = / /g; var reg1 = /\;/g; text1 = text.replace(reg, ' '); text1 = text1.replace(reg1, ""); return text1; } </script> </head> <body> <div contenteditable="true" id="div1">abc efg <img src="asdjk/123.jpg"/><span>hi gk</span><img src="ahdkh/124.jpg"/> <div>lmnop</div> q rst uvw </div> <button id="but">更新</button> </body> </html>
您可能感兴趣的文章:
相关文章推荐
- 正则表达式--小脚本(对输入内容进行处理)
- 在Idea中利用正则表达式找出匹配行并捕获内容进行处理
- 利用正则表达式限制网页表单里的文本框输入内容
- 正则表达式限制文本框输入内容
- asp服务端正则表达式验证输入内容格式
- 正则表达式控制text文本框输入内容
- 正则表达式进行大文件查找时的超时处理
- 利用正则表达式限制网页表单里的文本框输入内容
- 正则表达式和Javascript限制文本框输入指定内容
- c# 正则表达式对网页进行有效内容抽取
- c# 正则表达式对网页进行有效内容抽取
- 正则表达式限制文本框输入内容
- 利用正则表达式限制网页表单里的文本框输入内容
- 正则表达式限制表单文本框输入内容
- asp服务端正则表达式验证输入内容格式收藏
- 用.net的正则表达式对文章进行拆句处理
- 利用正则表达式获取特定文件(如java class)并对其进行处理(如代码统计)
- 利用正则表达式限制网页表单里的文本框输入内容
- 正则表达式控制Input输入内容
- c# 正则表达式对网页进行有效内容抽取