我是靠谱客的博主 谦让店员,最近开发中收集的这篇文章主要介绍html的textarea中的文字怎么换行显示,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

在后台用textarea保存的文字内容,内容中有换行,但在页面显示的时候,一般不会再显示出换行,

原因是textarea保存的换行符(rn)html不识别

方法一、用样式解决:

<style>
        .pre-text { 
            white-space: pre-wrap;
        }
    </style>

方法二、用脚本或后台程序处理下,换行符,直接把换行符替换成br标签

function fixText(text) {
    var replaceRegex = /(nr|rn|r|n)/g;

    text = text || '';

    return text.replace(replaceRegex, "<br/>");
}

 

最后

以上就是谦让店员为你收集整理的html的textarea中的文字怎么换行显示的全部内容,希望文章能够帮你解决html的textarea中的文字怎么换行显示所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

相关文章

按格式回显<textarea/>中的内容
按格式回显
立即
投稿
返回
顶部