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保留下来的模型,你还需要开发一下才能满足你的需求,希望岑溪网站开发分享给你的内容对你有所帮助!转载请注明出处,谢谢! 

  • 相关阅读:
    Foj1675数论
    JSTL与EL之间的千丝万缕
    2013多校联合2 I Warm up 2(hdu 4619)
    ios视图切换之push与present混用
    Ruby设计模式透析之 —— 适配器(Adapter)
    晓说智能指针shared_ptr为何可以实现跨模块分配和释放内存
    CSS的力量
    MySQL-select 1;
    MySQL数据库-语言简介
    Eclipse开发工具提交代码
  • 原文地址:https://www.cnblogs.com/xiaoliu66007/p/5089239.html
Copyright © 2011-2022 走看看