<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>将没有p标签的元素补充</title>

</head>

<body>

<textarea id="text" style="width: 600px;height: 300px">

    "如果1.9×<i>a</i>＝<i>b</i>－1.9(<i>a</i>＞0，<i>b</i>＞0)，那么（  ）。"

    123213<p>123123213232323</p>

</textarea>

<button id="jiaoyao">校验</button>

<p id="content"></p>

</body>

<script src="./Script/jquery-1.10.2.js"></script>

<script>

    $("#jiaoyao").click(function () {

        $("#content").text(xxx($("#text").val()));

    })

    function xxx(str) {

        var rdiv = $('<div></div>');

        rdiv.html(str);

        var numbers = rdiv.children();

        if (rdiv.find("p").length > 0) {

            //按照<p></p>划分，没有的补充p

            var childNodes = rdiv.get(0).childNodes;

            var newhtml = $('<div></div>');

            for (var i = 0; i < childNodes.length; i++) {

                var newElement = document.createElement('p');

                while (i < childNodes.length && childNodes[i].tagName != "P" && childNodes[i].tagName != "DIV" && childNodes[i].tagName != "IMG") {

                    if (childNodes[i].nodeName == "#text") {

                        newElement.innerHTML += childNodes[i].nodeValue;

                    } else {

                        newElement.innerHTML += childNodes[i].outerHTML;

                    }

                    i++;

                }

                if (newElement.innerHTML.length > 0) {

                    newhtml.append(newElement);

                } else {

                    newhtml.append(childNodes[i]);

                }

                //i--不仅是因为i++数值变大，而且由于append导致childNodes减少

                i--;

            }

            console.log(newhtml.html());

            numbers = newhtml.children();

            str = newhtml.html();

        } else {

            var rp = "<p>" + str + "</p>";

            return rp;

        }

        var lastdata = new Array();

        for (var i = 0; i < numbers.length; i++) {

            //判断是否是p标签

            if (numbers[i].tagName == "P") {

                var rdiv3 = $('<div></div>');

                $(numbers[i]).appendTo(rdiv3);

                if (jugdePContent(rdiv3.html()) == 0) {

                    lastdata.push(i);

                }

            }

            if (numbers[i].tagName == "DIV") {

                lastdata.push(i);

            }

            if (numbers[i].tagName == "IMG") {

                lastdata.push(i);

            }

        }

        var str2 = str;

        var rdiv2 = $('<div></div>');

        var rdiv4 = $('<div></div>');

        rdiv2.html(str2);

        var inputs2 = rdiv2.children();

        for (var i = 0; i < inputs2.length; i++) {

            for (var j = 0; j < lastdata.length; j++) {

                if (i == lastdata[j]) {

                    $(inputs2[i]).appendTo(rdiv4);

                }

            }

        }

        return rdiv4.html();

    }

    //判断富文本编辑器中标签是否有效

    function jugdePContent(data1) {

        var lastdata = new Array();

        //匹配图片

        var reg1 = /<img/g;

        //匹配数字，小写字母，大写字母

        var reg2 = /[0-9a-zA-Z]+/g;

        //匹配所有中文汉字

        var reg3 = /[\u4E00-\u9FA5]+/g;

        //匹配空格 换行

        var reg4 = /[ \r\n]/g;

        //匹配公式

        var reg10 = /mathrc mce/g;

        //匹配省略号......

        var reg11 = /……/g;

        //定义判断p是否有效的变量

        var rdiv = $('<div></div>');

        rdiv.html(data1);

        if (rdiv.find("div").length > 0) {

            return 0;

        }

        if (rdiv.find("p").length > 1) {

            return 0;

        }

        if (rdiv.find("img").length > 0) {

            return 0;

        }

        var ptemp = rdiv.find("p")[0];

        var flag = 0;

        if (ptemp.innerText != "") {

            var sadfads = ptemp.innerText;

            //判断是否有中文

            if (sadfads.match(reg3)) {

                flag = 1;

            }

            //判断是否有数字，小写字母，大写字母

            if (sadfads.match(reg2)) {

                flag = 1;

            }

            var sadfads2 = $(ptemp).html();

            //判断是否有图片

            if (sadfads2.match(reg1)) {

                flag = 1;

            }

            //判断是否有公式

            if (sadfads2.match(reg10)) {

                flag = 1;

            }

            //判断是否有省略号

            if (sadfads2.match(reg11)) {

                flag = 1;

            }

        }

        //删除所有<span>,<br> "\r\n "标签

//        $(ptemp).find("span").remove();

        $(ptemp).find("br").remove();

        var sadfads3 = $(ptemp).html();

        //判断是否有换行

        sadfads3 = sadfads3.replace(reg4, "");

        if (sadfads3 != "") {

            flag = 1;

        }

        if (flag == 1) {

            return 0;

        }

        return 1;

    }

</script>

</html>

获取的输入内容，没有被P标签包裹的文本和元素进行处理的更多相关文章

  1. 百度编辑器ueditor获取不到内容？请把form放在table等其他元素最外面

    百度编辑器ueditor获取不到内容?请把form放在table等其他元素最外面. <form name="form" method="post" act ...

  2. easyui-textbox多行文本中输入内容，有回车操作时将文本拼接<br/>

    <input class="easyui-textbox" name="versionText" id="versionText" d ...

  3. [iOS] 输入框高度随输入内容变化

    一般,类似聊天软件的输入框默认都是显示一行的,在用户输入过程中根据输入文字的内容来改变输入框的高度,以便显示全部文字.像微信,QQ的输入框就是这样的.那么这个效果应该怎么实现呢? 新博客:wosson ...

  4. 获取kingeditor编辑器内容

    //初始化编辑器 var editorMini = KindEditor.create('.editor-mini',{ width : '70%', height : '250px', resize ...

  5. Python——XPath提取某个标签下所有文本

    /text()获取指定标签下的文本内容,//text()获取指定标签下的文本内容,包括子标签下的文本内容,比较简单的是利用字符串相加: room_infos = li.xpath('.//a[@cla ...

  6. 关于MFC文本框输入内容的获取 与 设置文本框的内容

    八月要开始做界面了<(￣︶￣)/,然而目前只会用MFC╮(╯▽╰)╭ 好吧,言归正传,设置好文本框后,要获取用户输入的内容,可以用: GetDlgItemText() ; 这个函数有两个参数,第 ...

  7. 使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析

    使用所见即所得文本编辑器编辑文本存入数据库后通过ajax获取服务器json_encode的数据到前台,文本内容上边的html标签不解析 因为我在前台使用了jquery的text()方法,而不是html ...

  8. phpcms-v9 --- 如何通过{pc}标签获取全站文章内容？

    1.phpcms-v9默认情况下只能根据catid获取当前栏目及子栏目下的文章,但是有时候我们需要如何通过{pc}标签来获取全站文章内容的需求,应该怎么做呢? 第一步:在content_tag.cla ...

  9. 模拟邮箱输入邮箱地址、收藏标签。input框输入内容后回车，内容显示成小方块并带删除按钮。

    模拟邮箱输入邮箱地址.收藏标签: 文本框输入文字后按回车键或者分号键,输入框中的文字变成小块并带删除按钮和操作. 页面代码: <!DOCTYPE html> <%@ page lan ...

随机推荐

  1. laravel中get()与 first()区别、collection与stdClass的区别

    简单的,laravel里get()得到的是一组数据,first()得到的是一个model数据. 从形式上,laravel里每一个model数据(record),在取出的时候都是用的PHP的stdCla ...

  2. Intel Code Challenge Final Round (Div. 1 + Div. 2, Combined)

    C 模拟 题意:给的是一个矩形,然后√2 的速度走,如果走到边上就正常反射,走到角上,暂停反射,我们知道要不循环要不暂停,记录走到的点最短时间 /*************************** ...

  3. c#进阶之泛型

    好久没用写博了,感觉工作的越久就越发的懒了,啦啦啦!德玛西亚! 感觉最近食欲不正,便想写写组织下自己的学习路程: 泛型,可能很多朋友在学习这个东西的时候都源于面向对象,当然我也不例外:从一个实体继承另 ...

  4. Java EE开发技术课程第七周（json）

    JSON: https://baike.baidu.com/item/JSON/2462549?fr=aladdin JSON指JavaScript对象表示法(JavaScript Object No ...

  5. (简单)华为M3揽月 BTV-W09的Usb调试模式在哪里开启的经验

    每次我们使用pc链上安卓手机的时候,如果手机没有开启Usb调试模式,pc则没办法成功识别我们的手机,有时候,我们使用的一些功能较好的app如以前我们使用的一个app引号精灵,老版本就需要开启Usb调试 ...

  6. npm install --save 、--save-dev 、-D、-S 的区别

    备注:<=> 意为等价于: 1.npm install <=> npm i --save   <=> -S --save-dev  <=> -D npm ...

  7. TeamCity 创建jar构建步骤

    1 创建工程 2 配置工程代码来源信息 2.1 From a repository URL 表示从代码仓库创建工程. 2.1.1 parent project 指定父工程,默认是root projec ...

  8. ssh 免密码登录（设置后仍需输密码的原因及解决方法）

    按操作步骤操作不行的最可能原因是:文件权限,不论是a机还是要访问的b机的文件的权限都要改成对应的700,600:必须严格是这个权限,否则会出现设置免密fail的情况. serverA 免密码登录到 s ...

  9. Gym - 100637J

    On the most perfect of all planets i1c5l various numeral systems are being used during programming c ...

  10. Docker volume权限导致的几个问题

    挂宿主目录的权限问题 由于容器和宿主机共用了一套内核,因此同一个uid对应的容器用户和宿主机用户(哪怕用户名不同)对于内核权限控制而言都是同一个用户.而默认情况下,如果未做特殊配置,容器里的进程默认是 ...