正则表达式小脚本(对输入内容进行处理)

时间:2021-05-02

该小脚本实现的是对输入框内容中取出< img>标签中的src中的内容,然后在原来位置进行替换内容,然后在去除输入内容中的html标签,空格等操作

? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 <!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 = /&nbsp/g; var reg1 = /;/g; text1 = text.replace(reg, ' '); text1 = text1.replace(reg1, ""); return text1; } </script> </head> <body> <div contenteditable="true" id="div1">abc&nbspefg&nbsp<img src="asdjk/123.jpg"/><span>hi&nbspgk</span><img src="ahdkh/124.jpg"/> <div>lmnop</div> q rst uvw </div> <button id="but">更新</button> </body> </html>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章