zoukankan      html  css  js  c++  java
  • html,js简单保存textarea换行格式

      

    有时候我们在做表单提交时,往往需要把html标签保存起来,但是textarea不保存换行的信息,所以我们需要用js来实现保存textarea的换行等HTM标签。
    真正让HTML文本框里的换换等格式保留下来。
    如果你有需要用到,直接复制以下textarea换行等格式保留下来的代码就可以了,代码如下:

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>让HTML文本框textarea里的换行等格式用js保留下来</title>
    </head>
    <body>
    <form id="form1" name="form1" method="post" action="">
    <textarea name="textContent" cols="100" rows="15" id="textContent"></textarea>
    <br />
    <input type="button" name="Submit" value="转换输出" onclick="outHTML()" />
    <input name="checkbox" type="checkbox" id="checkbox" value="checkbox" checked="checked" />
    <label for="checkbox" style="color:#F00">启用转换输出</label>
    </form>
    <div id="out" style="border:1px solid #F90; padding:10px; background:#FFF8DC; margin-top:10px">请在上面
    
    文本框录入带HTML标记的文本测试!</div>
    <script type="text/javascript">
    /**********************************************************
    * author Tang Guohui, created: 2007-12-9 12:30:15
    **********************************************************/
    function outHTML() {
    var getValue=document.getElementById("textContent").value;
    var endValue=((getValue.replace(/<(.+?)>/gi,"&lt;$1&gt;")).replace(/ /gi,"&nbsp;")).replace(/
    /gi,"<br/>");
    
    /*
    (1)转义“<”、“>”
    (2)改半角空格为&nbsp;
    (3)保留换行
    */
    if (document.getElementById("checkbox").checked==true) {
    document.getElementById("out").innerHTML=endValue;
    }else{
    document.getElementById("out").innerHTML=getValue;
    }
    }//end outHTML function
    </script>
    </body>
    </html>

    解药:

    var mystr= '事&nbsp;实&nbsp;&nbsp;上&nbsp;&nbsp;&nbsp;的<br/>上<br/><br/>单<br/><br/><br/>';

     var developerprofile = ( mystr.replace(/&nbsp;/gi, " ")).replace(/<brs*/?>/g, " ");

    这只是一个让HTML文本框textarea里的换行等格式用js保留下来的模型,你还需要开发一下才能满足你的需求,希望岑溪网站开发分享给你的内容对你有所帮助!转载请注明出处,谢谢! 

  • 相关阅读:
    1130 host '***' is not allowed to connect to this MySQL server
    签名时出错,未能对....ext签名。SignTool Error: No certificates...
    C# 进制转换(二进制、十六进制、十进制互转)
    在安装32位Oracle客户端组建的情况下以64位模式运行
    Vue中引入jQuery
    sql server数据库分离时,数据库右侧显示(单个用户)
    解决Typora图片显示问题
    Ruby日文手册翻译1
    Boost Graph Library 库小结1
    归并排序
  • 原文地址:https://www.cnblogs.com/xiaoliu66007/p/5089239.html
Copyright © 2011-2022 走看看