后端返回textarea，前端展示问题

最新推荐文章于 2022-12-10 21:52:33 发布
最新推荐文章于 2022-12-10 21:52:33 发布
阅读量423 收藏 1
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37125233/article/details/124698458
版权
博客讲述了在前端开发中遇到的textarea显示商品描述的问题。作者最初尝试使用富文本编辑器未果，后来发现通过CSS样式（white-space:pre-wrap）可以有效保留空格并解决显示问题，邀请读者共同探讨交流前端技术。
摘要由CSDN通过智能技术生成

今天碰到一个textarea的问题，后端返回商品描述的时候前端按照对应格式显示

起初通过想通过富文本来解决这个问题，尝试之后没效果

后续发现只需通过（white-space:pre-wrap）保留空格即可解决问题,如下：

目前碰到的一个textarea的小问题

有问题欢迎大家一起沟通交流，一起进步

咕谷古顾故
关注
《前端知识点》2020年3月29日-textarea
BelleDiao的博客
03-29 352
HTML的textarea元素 <textarea> 标签定义多行的文本输入控件。 textarea元素和前面介绍的input元素都可以获取用户在输入框输入的文本内容，哪为什么还要提供textarea元素呢？这就涉及到输入文本内容多少的问题，input元素只能输入单行文本内容，输入再多的文字也只能在一行显示，而且没有滚动条；textarea元素就不同了，textarea元素可以输入...
后端返回Html页面前端vue,【Vue】vue获取到了后端数据，如何给其换行？
weixin_29246195的博客
06-04 1977
已获取到数据并在页面上显示，但是是一段文字效果，想问下，如何才能给文字换行？HTML 代码获取后端数据代码回答让后端返回给你带标签的形式：1.xxx2.xxx要是前端处理的话我认为不合理。虽然前端也能处理。首先后端给你的内容应该是动态的，也就是这段文本是动态生成的。那么这段文本的来源开始哪里？？我猜测应该是类似从富文本编辑器中“用户”去编写完了传给后端的。传的时候应该是自带标签的。不然要是写死的文...
textarea输入框的内容如何原模原样的展示出来？（适用于一些antd design框架以及element ui框架）
qq_53908907的博客
12-10 1987
保持textarea格式展示
Java中后台读取日志文件，到前端展示
Anhk丶
01-07 2919
public ResultVo viewLog(String taskId) { StringBuilder stringBuilder = new StringBuilder(); FileInputStream fileInputStream = null; InputStreamReader inputStreamReader = null; BufferedReader bufferedReader = null; tr
js点击按钮获取后端数据填充到前端文本框
qq_43577380的博客
02-23 2181
效果图： js ajax请求到后端，获取到map，然后在ajax success 返回函数通过$("#id").val(data.key) 后端传值：
textarea ios设备回显无显示问题
WalkOn_The_Road_的博客
11-12 1600
textarea ios设备回显无显示问题回显的内容有html标签 所以我用的vue v-html解析html代码 回显的内容有html标签 所以我用的vue v-html解析html代码 此时安卓手机可以正常回显，ios设备回显不了 #解决方法： 步骤一、v-html 换成 :value 步骤二、提前将HTML标签替换掉 ...
textarea组件默认值绑定data数据真机不显示问题
03-29
应该都有人试过 textarea的默认值问题，如果value的值绑定的是data的数据，而这个数据又是在onLoad时通过wx.request从服务器获取的话，那么在真机测试的时候，data的数据是渲染不出来的，然后找到一个解决方法，就是...
javascript将前端的二维数组传递到后端controller层，并将后端处理的值返回前端textarea中显示
05-24
最后，你需要在前端使用ajax回调函数将后端返回的结果显示在textarea中。 以下是一个简单的示例代码： 前端JS代码： ```javascript var array = [ [1, 2, 3], [4, 5, 6], [7, 8, 9] ]; // 将二维数组转换为...
js后端返回结果在文本框展示后，再次点击清空文本框内容
tsqjxy的博客
07-21 1243
代码】js后端返回结果在文本框展示后，再次点击清空文本框内容。
怎么将后端给的如input，textarea等前端显示el-input、el-textarea标签，
最新发布
06-13
可以通过判断后端返回的标签类型，来动态渲染对应的前端组件。 例如，后端返回的标签类型为`input`，则动态渲染`el-input`组件： ``` <component :is="backendTag === 'input' ? 'el-input' : 'el-textarea'" v-...
web页面读取后台日志
11-27
页面读取linux日志，相当于tail -f 日志文件，可以查看日志
<pre>标签控制textarea输入的文字显示格式
https://vinfai.github.io/
07-30 440
&lt;style type="text/css"&gt; pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ whi...
vue中使用textarea回显不换行
青春不打烊的博客
06-05 990
<template> <div> <el-row v-show="!isedit"> <el-col :span="18"> <h3 class="resumecaption">个人优势</h3> <span v-html="ruleForm.personalStrength" class="resumecontent"></span> &lt.
前端开发需要注意的textarea标签
SundayHugo的专栏
11-08 710
今天在做一个模板加载的小功能时，通过.change()函数触发，向后台发送一个AJAX请求，然后将请求回来的内容在textarea里面进行显示，当时用的jQuery函数是$('#content').html();因为textarea是没有value属性的，所以用js的话要用innerHtml()方法，但是发现在使用.html()函数的时候发现如果我有修改里面的内容，下回我再触发这个事件的时候htm
微信小程序后台数据返回富文本解析到前端页面显示
mafeilong618的博客
05-05 2706
今天在开发微信小程序商品详情的时候接收到后台传来一条由百度富文本转义的字符串，小程序的WXML是解析不了的，查过文档后需要用来解析，但是直接用是解析不了的，这时候需要用转义的方法来解析：下面上代码 //请求到后台的富文本字符串 const myrich = that.escape2Html(res.details); //转义方法 escape2Html(str) { var a...
如何把后台返回来的文本变得有格式
日常编码
01-10 1353
1.一般来说后台回复的文本会有/r/n,但是解析之后/r/n就会消失,此时可以进行替换 替换 replace() 可以把空格,句号,分号等具有明显格式意味的符号换为,然后就可以进行html()输出 var content = item['paragraph_content'].replace(/。/g, ""); var content = item['paragraph_content'
textarea中带格式的数据，在页面展示时也携带上格式
weixin_45781661的博客
07-14 751
textarea中带格式的数据，在页面展示时也携带上格式 有时从后台返回的数据是textarea格式的，将格式也展示在页面上，可以如下写 <p style="white-space: pre-line;" v-html="recite.recitecont"></p>
如何处理从后台返回的带html的文本格式（比如富文本存进去的东西）
热门推荐
疯狂
03-25 2万+
//进入页面直接加载，el表达$(function() {        viewContent();    });     function viewContent(){        var $iframe =$('&lt;iframe src="about:blank" frameborder=0 /&gt;');        $iframe.ready(function()     ...
flask UEditor富文本提交数据到后台以及复现到前端页面
qq_34963461的博客
01-13 3295
如下     通过ajax的POST方式将富文本里的内容传到后台： 前端： HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 完整demo http-equiv="Content-Type" content="text/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值