textarea中输入的文本如何带格式保存

最新推荐文章于 2024-05-15 09:30:00 发布

小鲤鱼听听

最新推荐文章于 2024-05-15 09:30:00 发布

阅读量6.4k

点赞数

分类专栏： HTML 文章标签： textarea 原格式保存

本文链接：https://blog.csdn.net/qq_36485978/article/details/95048149

版权

HTML 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

重点是给外层加<pre>标签，就可以保存空格和换行

<body>
  <div>
    <!-- 原文本 -->
    <textarea id="testText">
      1)sdfasfd
      2)sadfadfa
      3)sdfawer
    </textarea>
    <button>获取带格式文本</button>
    <!-- 存储结果展示 -->
    <div id="resutlText"></div>
  </div>
</body>
<script>
$(document).ready(function () {
  $("button").click(function () {
    //获取带格式的原文本
    var str = $("#testText").html(); 
    console.log(str);
    //将原文本赋值给新的div，重点是在str外层加<pre>标签
    $("#resutlText").html("<pre>"+ str +"</pre>");  
  });
});
</script>

可以看到console.log(str)的结果是保留了原格式的，#resultText展示的存储结果也是带原格式的。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小鲤鱼听听

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
textarea中输入的文本如何带格式保存

重点是给外层加<pre>标签，就可以保存空格和换行<body> <div>  <textarea id="testText"> 1)sdfasfd 2)sadfadfa 3)sdfawer </textarea> <bu...
复制链接

扫一扫