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次统一加薪。

    输出内容:

  • 相关阅读:
    Nginx 部署多个 web 项目(虚拟主机)
    Nginx 配置文件
    Linux 安装 nginx
    Linux 安装 tomcat
    Linux 安装 Mysql 5.7.23
    Linux 安装 jdk8
    Linux 安装 lrzsz,使用 rz、sz 上传下载文件
    springMVC 拦截器
    spring 事务
    基于Aspectj 注解实现 spring AOP
  • 原文地址:https://www.cnblogs.com/stevenjson/p/4239543.html
Copyright © 2011-2022 走看看