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

  • 相关阅读:
    codeforces#1310B. Double Elimination(动态规划)
    codeforces#1300E. Water Balance(贪心)
    带权并查集
    codeforces#1295D. Same GCDs(数论/莫比乌斯)
    jsp实现图片换行显示
    codeforces#1257 F. Make Them Similar ( 经典中间相遇问题 )
    codeforces#1248D2. The World Is Just a Programming Task(括号匹配转化为折线处理)
    codeforces#1251E2. Voting (Hard Version)(贪心)
    codeforces#1249F. Maximum Weight Subset(树上dp)
    hdu6731 Angle Beats(ccpc秦皇岛A,计算几何)
  • 原文地址:https://www.cnblogs.com/xiaoliu66007/p/5089239.html
Copyright © 2011-2022 走看看