php中textarea标签输入换行时，回显报错，js赋值报错处理

最新推荐文章于 2025-06-30 09:06:12 发布

原创最新推荐文章于 2025-06-30 09:06:12 发布 · 513 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#php

php 专栏收录该内容

5 篇文章

订阅专栏

在这里插入图片描述
接口向数据库插入数据时，转换：

$intro = preg_replace('/\n/','<br>', trim($_POST['intro']));

获取数据之后转换：

4info['intro] = preg_replace("/<br>/", "\n", $content['intro']);

js赋值转换：

var intro = '<?php echo str_replace(["n", "<br>"],'',str_replace(chr(13), 'n', $info['intro'])); ?>'
console.log(intro)

参考：
https://blog.csdn.net/coco1118/article/details/84423857
https://www.jb51.cc/php/874402.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cc随记

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

textarea 标签内换行

352328759的博客

10-21

1110

3个方法  
 回车 <textarea>文字文字
文字
文字文字</textarea> 用 js 获取 textarea 的内容,换行是 “\n” document.querySelectorAll("textarea")[0].value // '文字\n文字\n文字\n文字\n文字' 重新用于 HTML 的话, 要把 “\n” 替换成 <br /> doc

解决textarea中的空格和换行符的问题

Java_coming的博客

07-31

3106

textarea中的空格和换行的问题解决textarea中的空格和换行符的问题获取textarea文本框中用户输入的值时，利用jQuery的val()方法获取到之后显示，无论在文本框中输入多少空格和换行符，获取之后的值，如果不是显示在textarea中时，空格和换行不会按照textarea中的效果展示，这是因为：在页面显示的时候换行符是<br> 标签，空格符是 &nbsp，而内容在 textarea 中显示时的换行符是 \n ，若想保留空格和换行，需要进行处理。解决办法 &lt

参与评论您还未登录，请先登录后发表或查看评论

从textarea中获取数据之后按原样显示实现代码

10-27

从textarea中获取数据，按原样显示在某些特殊的情况下还是比较使实用的，下面为大家分享下实现代码，感兴趣的朋友可以参考下，希望对你有所帮助

textarea换行

weixin_33856370的博客

12-27

220

在easyui中的datagrid中使用行内编辑时textarea的换行保存到mysql数据库为\n在textarea中输入回车符在js读取textarea中的值有\r\n然后到业务层转换到string中就有可能变成空格形式然后被存入数据库，当在取出此值的时候则会变成空格的形式,因此我们需要将不显示的\r\n替换一下。　　在js取textarea的时候:　　如果用var str = docume...

Wot Design Uni 中 Textarea 组件数据回显问题解析

最新发布

gitblog_07063的博客

06-30

307

Wot Design Uni 中 Textarea 组件数据回显问题解析问题背景在使用 Wot Design Uni 1.7.1 版本开发微信小程序时，开发者遇到了一个关于 Textarea 组件的数据回显问题。具体表现为：在编辑数据场景下，虽然数据已经成功获取并存储在绑定的变量中，但 Textarea 组件未能正确显示这些内容。问题分析 Textarea 组件作为表单输入的重要元素，其数据...

JSP学习笔记(一百二十五)：javascript中引用java变量出现换行符等会报错的解决方法...

diejiankuai3444的博客

02-28

403

有这么一种实际情况，就是在javascript代码片段中引用java变量，比如: <script type="text/javascript"> var str1 = "${javastr1}"; </script> 一般情况下，这么使用是没有问题的，可是如果变量javastr1带有换行符，这段javascript就报错了，需要格式化javastr...

s:TextArea无法输入中文的解决办法

一个烂人的随手笔记

12-13

5244

<br />在s:TextArea控件中无法用ctrl+space切换到中文，而是变成了一个输入空格。在mx:TextArea中是可以的。<br />如果希望在s:TextArea中使用中文。可以用下面这段代码解决<br /><s:TextArea id="contentInput" focusIn="IME.enabled = true;" ><br />测试在skd 4.1版本上通过。

textarea标签中的换行与空格问题

weixin_34314962的博客

10-10

684

2019独角兽企业重金招聘Python工程师标准>>> ...

PHP获取表单textarea数据中的换行问题

10-28

在各种输入框中，textarea是一个多行文本输入控件，用户可以在这里输入段落文本，并且通常需要保留用户输入时的格式，包括换行。然而，在Web开发中，换行的表示方法并不是统一的，这主要是因为不同的操作系统使用...

处理textarea中的换行和空格

11-21

当用户在 `textarea` 中输入并使用 JavaScript 提交文本时，空格和换行会被编码为 `/s` 和 `/n` 字符。在前端与后端交互时，处理这些特殊字符是确保文本正确显示的关键。如果文本最终仍要在 `textarea` 中显示，...

如何在textarea文本输入区内实现换行

09-28

总的来说，理解如何在`<textarea>`中实现换行是前端开发中的基本技能之一，尤其在处理用户输入或者动态生成多行文本内容时。通过使用HTML实体编码` `，可以确保在textarea内的文本正确换行，提供更好的用户...

php获取textarea的值并处理回车换行的方法

10-25

本文将详细介绍如何在PHP中获取`textarea`的值，并处理其中的回车换行。首先，当用户提交表单时，PHP通过`$_GET`或`$_POST`超全局数组获取`textarea`的值。例如，如果`textarea`的名称是`test`，我们可以用以下...

TextArea换行数据回显页面不换行问题

So丶easy的博客

12-21

1933

TextArea换行数据回显页面不换行问题给回显控件上加： style = "white-space: pre-line; " 样式，不管是td、span等，就可以识别换行了。

【BugFix】后端返回内容包含换行导致js报错Invalid or unexpected

opi

10-25

1327

1.现象： js中包含 setValue('$!compareModel.leftString'); 后端返回字符串$!compareModel.leftString包含换行等转义字符，导致js报错Invalid or unexpected token 2.原因：文本截断报错，传回前端后，浏览器进行了转义换行， setValue('www yyy') 而js语言以换行当成语...

JSP页面输入框赋值换行显示问题

weixin_30918415的博客

03-30

893

<input type="hidden" id="${command.yhzlId}" value="${command.yhzx },${command.yhdw },${command.yhzl },${command.lbjh },${command.zzsj },${command.zdsj } ,${command.zs },${comm...

textarea中的错误

jiangxindu1的专栏

06-13

1040

错误：网页中textarea文本框中，输入文本的时候，光标不是在开头的位置，鼠标可以在任意位置点击。原因分析：在两个textarea标签之间，有空格，回车符或者制表符，最常见是：错误演示： ${message.revert.content} 这样的话，标签之间加了换行符和空格，就会有问题，改为这样就好了：正确演示： ${message.revert.conten

随手记：多行文本域存数据有换行，回显数据换行展示

weixin_63515766的博客

05-29

504

多行文本域存数据有换行，回显数据换行展示

给textarea赋值报错：Uncaught ReferenceError: Invalid left-hand side in assignment

coldwhitewater的博客

03-20

1385

页面上有个textarea元素，用以下语句赋值时报错：Uncaught ReferenceError: Invalid left-hand side in assignment var a = $(this).val(); console.log(a); $('#desc').val() =a; 第3行报错，经过百度发现是因为将值赋给了函数结果，改成如下即可： $('#desc').v...

html中td标签根据textarea输入内容换行

07-22

可以使用`white-space: pre-wrap;`样式属性来实现`<td>`标签中的内容根据`<textarea>`输入的内容换行。 HTML代码示例： ```html <!DOCTYPE html> <html> <head> <style> td { white-space: pre-wrap; } </style> </head> <body> <table> <tr> <td><textarea id="myTextarea" rows="4" cols="50" oninput="updateTable()"></textarea></td> </tr> </table> <script> function updateTable() { var textarea = document.getElementById("myTextarea"); var td = document.querySelector("td"); td.innerText = textarea.value; } </script> </body> </html> ``` 在上面的示例中，我们使用了CSS样式`white-space: pre-wrap;`来设置`<td>`元素的换行方式。然后，使用JavaScript函数`updateTable()`来监听`<textarea>`的输入事件，并将输入的内容更新到`<td>`中。当在`<textarea>`中输入多行文本时，`<td>`中的内容会根据换行符进行换行显示。