<!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. WPF中使用DataGrid时操作列按钮问题

    在使用DataGrid的过程中,我们有时候需要对选取的某一行数据进行多个操作,这个时候操作列只有一个按钮显然无法满足我们的要求,我们需要多个按钮才能达到我们的目的. UI页面代码: <Grid& ...

  2. django中如何实现分页功能

    1.在html页面中导入js文件和css文件 <link rel="stylesheet" href="../../../static/css/jquery.pag ...

  3. 接口自动化测试持续集成--Soapui接口测试

    接口测试目前笔者掌握的工具有三种: 一.python+requests+jenkins,优点:代码实现接口测试,对测试代码书写比较自由等:缺点:需要测试者需要有一定的代码基础: 二.jmeter+an ...

  4. 2.第一个python 程序

    第一个python程序 一..python程序的编写步骤 1.创建  xxx.py文件(文件名不要中文) 文件名要以py为扩展名,因为导入的时候其他扩展名会报错.如果不导入的情况可以不限制扩展名. 2 ...

  5. CentOS 7 部署Gitlab+Jenkins持续集成(CI)环境

    持续集成概述及运行流程 : 持续集成概述 :持续集成(Continuous integration)持续集成是指开发者在代码的开发过程中 ,可以频繁的将代码部署集成到主干,并进行自动化测试  开发→代 ...

  6. asp.net core mvc 在中间件中使用依赖注入问题：System.InvalidOperationException: Cannot resolve scoped service 'IXXXService' from root provider.

    今天在弄JWT的时候需要用到用户验证使用一个自己写好的验证,但在出现了:System.InvalidOperationException: Cannot resolve scoped service ...

  7. 31 Python中 sys.argv[]的用法简明解释（转）

    Python中 sys.argv[]的用法简明解释 因为是看书自学的python,开始后不久就遇到了这个引入的模块函数,且一直在IDLE上编辑了后运行,试图从结果发现它的用途,然而结果一直都是没结果, ...

  8. 前端好用js库

    1.pubsub-js: PubSubJS is a topic-based publish/subscribe library written in JavaScript. 评价:做发布订阅超级简单 ...

  9. 了解Linux操作系统发展阶段

    一.硬件与软件发展历史 计算机由硬件和软件组成结构 二.Linux的发展史 Linux 操作系统是Unix操作系统的一种克隆系统.它诞生于1991年的10月5日(只是第一次正式向外公布的时间).以后借 ...

  10. fiddler 抓包工具（新猿旺学习总结）

    安装抓包工具 Fiddler 直接安装 fiddler下载连接:https://www.lanzous.com/i30k09c 设置 fiddler 因为 r fiddler 是抓取 P HTTP 和 ...