HTML识别文本空格回车换行展示 您所在的位置:网站首页 oppo使用第三方图标怎么设置 HTML识别文本空格回车换行展示

HTML识别文本空格回车换行展示

#HTML识别文本空格回车换行展示| 来源: 网络整理| 查看: 265

今天写一个信息展示页面,从后台获取到textare输入的内容有文本格式,但是直接把值赋进

标签内,显示是以文本格式输出,不符合预期,经查资料,将解决办法整理如下:

1. 使用 标签 获取到的文本数据 会以原样输出,请结合需求使用! 标签定义及使用说明

标签可定义预格式化的文本。 被包围在 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

使用 后发现文字不自动换行,需要使用css修改

.txt { font-family: auto; white-space: pre-wrap; } 2. 正则匹配 var oTxt = $('p').html(); //匹配换行符与回车符 $('p').html(oTxt.replace(/[\r\n]/g,'')); //匹配空格 $('p').html(oTxt.replace(/\s/g,';'));

两种方法可根据情况使用。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有