zoukankan      html  css  js  c++  java
  • 正则表达式替换文本中的换行

    今天工作中遇到了一个问题:使用textarea文本域来存放简单的文本信息,不需要有图片,但是每段文字的换行和缩进还是得需要的。

    为了达到这个目的,我的想法是:使用正则表达式匹配到所有文本信息中的换行符,然后将他们替换成html的<p>标签,存储的时候将替换后的文本信息存放到数据库,显示的时候直接从数据库取出数据显示即可。

    下面是我的实现代码:

    HTML:

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <style type="text/css">
            .articlep { font-size:16px; color:#333; text-indent:32px; line-height:28px; margin-bottom:10px;}
        </style>
    <script src="../Scripts/jquery-1.4.1.js" type="text/javascript"></script>
        <script type="text/javascript">
            $(function () {
                $("#ceshi").click(function () {
                    var valstr = "<p class="articlep">" + $("#txtNewsContent").val().toString().replace(/(
    )*
    /g, "</p><p class="articlep">").replace(/s/g, " ") + "</p>";
                    alert(valstr);
                    $("#transferedtxt").html(valstr.toString().replace(/<p>/g, "").replace(/</p>/g, ""));
                });
            })
        </script>
    </head>
    <body>
        <form id="form1">
        <div>
            <label><span style=" color:Red;">*</span>新闻内容:</label>
            <textarea id="txtNewsContent" rows="10" cols="50">
            </textarea>
        </div>
        <input type="button" value="ceshi" id="ceshi"/>
        <br />
        <div id="transferedtxt">
        </div>
     
        </form>
    </body>
    </html>

    输入内容:

    日前,铁路部门再次迎来全系统统一加薪,根据岗位不同,每人每月上调薪酬幅度从300元至500元不等。
    这是盛光祖继任原铁道部部长和中国铁路总公司总经理后,铁路部门第4次统一加薪。

    输出内容:

  • 相关阅读:
    论 IntStream 和 for 循环的速度
    单链线性表的基本操作--创建,插入,删除,查看,打印
    Android中的异步处理方式
    Kotlin 集合变换与序列
    Kotlin Lazy延迟初始化
    协程及Kotlin协程
    Java 注解
    Android 事件传递机制进阶
    Java 异常
    Java 多线程及线程间通信(Synchronized和Volatile关键字)
  • 原文地址:https://www.cnblogs.com/stevenjson/p/4239543.html
Copyright © 2011-2022 走看看