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

Posted 。。。

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了正则表达式--小脚本(对输入内容进行处理)相关的知识，希望对你有一定的参考价值。

 

该小脚本实现的是对输入框内容中取出<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 = /&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>

 

以上是关于正则表达式--小脚本(对输入内容进行处理)的主要内容，如果未能解决你的问题，请参考以下文章

Java正则表达式——测试正则表达式的一个小工具

Shell编程之正则表达式

Shell编程之正则表达式三剑客——awk工具

常用python日期日志获取内容循环的代码片段

shell编程之正则表达式sed工具

正则表达式三剑客之二sed工具