用textarea标签存取文本，格式不变显示的解决方案（绝对有效！！！）

最新推荐文章于 2023-04-11 10:51:17 发布
原创 最新推荐文章于 2023-04-11 10:51:17 发布 · 5.9k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#textarea标签

本文介绍了一种简便的方法来展示纯文本内容：利用HTML的pre标签结合后端的el表达式来直接输出文本值，这种方法可以保持文本原有的格式不变。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

解决方案：很简单，直接用pre标签+el表达式取值即可。

例如：在你要显示内容的前端页面上用这种形式：<pre>${textarea.text}</pre>

前端面试题
qq_41887655的博客
08-08 2万+
前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 21 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 21 Quirks模式是什么？它和Standards模式有什么区别 21 div+css的布局较table布局有什么优点？ 22 img的alt与title有何异同？ strong与em的异同？ 22 你能...
WEB方面面试题详解
qq_44399112的博客
03-22 782
WEB 应用中如果有.class 和.jar 类型的文件一般分别应该放 在什么位置？ 答: .class 文件放在 WEB-INF/classes 文件下，.jar 文件放在 WEB-INF/lib 文件夹下 元素中有一个输入框(<input type=”text” name=” username”id=”username”value=””/>,请用 JavaScript 语言写一...
textarea 存储与显示 保持格式
u012606532的专栏
09-02 1万+
转自:http://www.qdfuns.com/notes/16955/210b84886868d84c7de089cd5afe7a02.html 今天遇到的一个问题：在数据添加页面的textarea框中写入有回车换行和空格的数据，但是传到数据库之后显示到网页上的内容却没有格式，全部排成了一排 网上查了很多，终于使得网页和textarea里格式保持一致了，这里记个笔记
textarea数据录入数据库，如何保留格式并输出
糖果屋
09-25 1899
试了很久，textarea默认是会把换行空格存入数据库的，如果没有，
textarea中输入的文本如何带格式保存
qq_36485978的博客
07-09 6682
重点是给外层加<pre>标签，就可以保存空格和换行 <body> <div> <!-- 原文本 --> <textarea id="testText"> 1)sdfasfd 2)sadfadfa 3)sdfawer </textarea> <bu...
html的textarea标签的文本显示，文本框样式简单设置
weixin_45448227的博客
03-10 6395
html的textarea标签的文本显示，文本框样式简单设置 后端传递数据如何在textarea标签的文本框内显示，如下。 <textarea id="text" type="text" name="sign" v-model="text" class="sign" placeholder="默认显示文字的属性"></textarea> <script> document.getElementById("text").value="{{sign}}"
关于textarea标签输出数据库数据时出现大量空格导致格式不一致的问题
weixin_30904593的博客
02-27 317
错误写法： <textarea> <?php echo $data ;?></textarea> 正确写法： <textarea><?php echo $data ;?></textarea> 原因：在textarea标签后面不要出现空格或者换行符就行了，否则...
最全面、最详细web前端面试题及答案总结
热门推荐
HanXiaoXi_yeal的博客
02-01 3万+
2021最全面、最详细web前端面试题及答案总结 总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！ 本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个 ⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript
传智播客 .NET面试宝典（2014版）
qq_34573534的博客
09-24 1482
.Net工程师面试笔试宝典 由于这套面试题涉及的范围很泛，很广，很杂，大家不可能一天两天就看完和学完这套面试宝典，即使你已经学过了有关的技术，那么至少也需要一个月的时间才能消化和掌握这套面试宝典，所以，大家应该早作准备，从拿到这套面试宝典之日起，就要坚持在每天闲暇之余学习其中几道题目，日积月累，等到出去面试时，一切都水到渠成，面试时就自然会游刃有余了。 回答问题的思路：先正面叙述一些基本...
记录遇到的web前端开发面试题（八股文）
qq_41347964的博客
04-20 1万+
文章目录前言一、javascript相关1.js的八个基本数据类型（高频）2.this的五种指向方式3.Function的call，apply和bind方法的区别？4.Promise，手写promise5.闭包6.原型链，作用域链与原型链的区别？7.继承与继承的五种实现方式8.深拷贝与浅拷贝的区别？（高频）9.事件委托10.var，const和let对比（高频）11.宏任务与微任务12.bind的实现方式13.eventloop，事件循环（超高频）14.new的过程，手动实现一个new方法15.0.1+0.
textarea： 保留textarea中的换行，将源样式显示在页面
zhg09shanshui163的博客
11-08 1万+
项目中有一个需求，就是保留textarea中的换行，在网页中按原格式显示。 由于textarea中的换行为“\r\n", 用js获取textarea中的内容保存到数据库中时，“\r\n"变成了空格。 当将数据库中的数据传递到html页面时，又会自动加上”\r\n“， 但是由于html能识别的换行符为”".因此有必要对textarea中的字符串进行处理。 1.在存储到数据库之前，将“\
textarea 输入数据换行回显如何保持格式
supming1的专栏
01-08 4208
textarea 输入数据换行回显如何保持格式 1、使用<pre>标签，该标签能按输入的格式原样输出。 2、采用该标签后，在移动端等比较小的屏幕上，会发现由于按原格式输出，如果用户连续输入很长，会出现超出屏幕框的的情况，需要加入以下样式： pre { white-space: pre-wrap; /*css-3*/ ...
让pre标签自动换行
wu181184的专栏
12-29 870
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。 标签的一个常见应用就是用来表示计算机的源代码。对于技术博客经常会用到pre标签输出代码或是代码高亮，而默认情况下，pre 标签中的内容若超出范围不会自动换行。 下面介绍一个方法让 标签中的内容自动换行并符合 W3C 标准（多浏览器支持） pre{ white-space:p
Textarea 获取数据库中的内容格式问题的解决方法
iteye_9716的博客
06-24 383
我这种的解决方案关键是两点： 第一，在查看jsp页面中的textArea项目中加入如下代码： [code="java"][/code] 第二，不要留任何空格在和之间。 这样就好了，祝您好运!...
textarea 内容格式
Mchange的专栏
08-01 2264
textarea通过form提交后，后台将值保存，当改值再次显示在页面中的时候，
textarea中带格式的数据，在页面展示时也携带上格式
weixin_45781661的博客
07-14 811
textarea中带格式的数据，在页面展示时也携带上格式 有时从后台返回的数据是textarea格式的，将格式也展示在页面上，可以如下写 <p style="white-space: pre-line;" v-html="recite.recitecont"></p>
PHP解决textarea内容换行存入数据库，如何解析取出不能自动换行
weixin_34375233的博客
10-01 854
解决办法： <textarea rows="5" style="height: auto;" ><?php //按行分割，然后每行输出后带上一个空行 $value_lines = explode( "\\r\\n", $value ); foreach( $value_lines as $va...
textarea带格式保存输入的数据
weixin_45355769的博客
04-11 789
记录一下，在textarea带格式保存输入的数据。
element输入框el-input之格式控制
kekexiaomayi的博客
03-17 4019
element输入框el-input之格式控制
Flex3/4 TextArea 中HTML文本显示与转换详解
在Flex（一个由Adobe开发的富Internet应用程序框架）中的Textarea控件处理HTML文本显示与转换是开发者经常遇到的需求。Flex提供了两种主要的方法来实现这个功能：一个是通过`mx:TextArea`组件，另一个是利用Flex 4...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值