如何在 <textarea> hello (换行)world </textarea> 中实现换行

我终于搜到了靠谱的我需要的答案:

https://blog.csdn.net/qq_16371909/article/details/79697780

\n 不行

<br> 不行

用 ASCII设备控制代码  https://www.w3school.com.cn/tags/html_ref_ascii.asp 中的

ASCII设备控制代码最初被设计为用来控制诸如打印机和磁带驱动器之类的硬件设备。在HTML文档中这些代码不会起任何作用(也不全是这样,写在html中还是会有一些符号的)。

用在 textarea 中:

写在 html 中:

想用 textarea 做简易的编辑器,但是在编辑修改时,从服务器返回的数据在 textarea 中没有正常换行,而是把 <br> \n 原模原样的显示出来了,这这这,显然不是我想要的。

既然 空格可以用 &nbsp; 来表示(且在 textarea 中是生效的),那回车是不是可以? 是!

可惜,翻完了所有的字符相关的文档,就是没有注意到这个词 carriage return, 令人捉急的眼神,它就是换行啊!!!!

原文地址:https://www.cnblogs.com/yier0705/p/11848024.html

时间: 2024-08-06 23:09:27

如何在 <textarea> hello (换行)world </textarea> 中实现换行的相关文章

textarea 中的换行符问题

下面是我对这个问题的解决过程,最后算是完全搞懂了,真是阴沟里险些翻船 1.必须知道textarea中的换行符是 \n  (个人检测发现按回车键是\n,好像在linux下是\r\n) 2.用nl2br之前,请仔细看好手册解释,我就是搞郁闷了,一般都理解为将\n转换成<br >,其实不是的: 看php手册解释: nl2br –  Inserts HTML line breaks before all newlines in a string Returns string with ‘<br

正则表达式替换文本中的换行

今天工作中遇到了一个问题:使用textarea文本域来存放简单的文本信息,不需要有图片,但是每段文字的换行和缩进还是得需要的. 为了达到这个目的,我的想法是:使用正则表达式匹配到所有文本信息中的换行符,然后将他们替换成html的<p>标签,存储的时候将替换后的文本信息存放到数据库,显示的时候直接从数据库取出数据显示即可. 下面是我的实现代码: HTML: <html xmlns="http://www.w3.org/1999/xhtml"> <head r

C#(去、过滤)掉字符中的换行符

原文:C#(去.过滤)掉字符中的换行符 原文地址: http://www.feedou.com/articlepickservlet?commandkey=singlearticle&articleID=5c42b75f1b435084011b49ba083217d4 本文介绍的方法需要先导入命名空间:usingSystem.Text.RegularExpressions; 字符串里所有的的换行符都去掉:textStr = Regex.Replace(textStr, @"[/n/r]&

Html中代码换行造成空格间距的问题

Html中代码换行造成空格间距的问题解析 解决方法: 一.简单粗爆不换行 写代码的时候不要换行,input等在一行输写,那么将解决该问题.但是代码就变得不再那么容易好看. 二.设置父级块的字体大小为0 这样也能解决问题,代码也好看,但是当你设置了父级的字体大小为0时,你里面又要其它字体要显示,可能就得加span等标签去包裹它,并且重新设置字体大小.三:设置margin-left为-3象素 使得该元素基于原来的位置向左偏移三个象素,也就看不出有空隙了. 对于html内置的内联级标签以及表单元素标签

WPF中的换行符

原文:WPF中的换行符 WPF中UI上和后台代码中的换行符不同. 其中: XAML中为 C#代码中为 \r\n 或者: Environment.NewLine 版权声明:本文为博主原创文章,未经博主允许不得转载.

wpf中的换行符(转)

WPF中UI上和后台代码中的换行符不同. 其中: XAML中为 C#代码中为 \r\n 或者: Environment.NewLine

C++中回车换行(\n\r)和换行(\r)的区别

windows下的点一下回车,效果是:回车换行,就是\r\n unix系统下的回车一下就是一个\n 给出如下代码: [cpp] view plain copy print? #include <iostream> using namespace std; int main() { cout << "this is the first line\n"; cout << "this is the second line\r"; cou

【转载】 C++中回车换行(\n\r)和换行(\r)的区别

原文:http://blog.csdn.net/xiaofei2010/article/details/8458605 windows下的点一下回车,效果是:回车换行,就是\r\n unix系统下的回车一下就是一个\n 给出如下代码: #include <iostream> using namespace std; int main() { cout << "this is the first line\n"; cout << "this

CSS实现pre标签中内容换行方法

CSS实现pre标签中内容换行方法技术 maybe yes 发表于2015-01-25 18:35 原文链接 : http://blog.lmlphp.com/archives/70  来自 : LMLPHP后院 HTML 中的 PRE 标签默认是不会换行的,即使声明了 word-wrap 和 word-break 属性也没有效果:DIV 标签可以很方便的换行,不会把页面撑破.因为这个原因,很多网站在显示代码的时候使用 DIV 来作为容器.使用 DIV 标签装载代码有个弊端,就是冗余内容太多,换

替换SQL字段中的换行符,回车符

有时候我们需要替换一些不需要的SQL字段, 下面就为您介绍替换SQL字段的几种情况,如果您对替换SQL字段方面感兴趣的话,不妨一看. 替换SQL字段中的换行符,回车符: 1> 回车符 SELECT *, REPLACE(detail, CHAR(13) , '<br>') AS 显示替换后的内容 FROM loginfo 2>换行符 SELECT *, REPLACE(detail, CHAR(10), '<br>') AS 显示替换后的内容 FROM loginfo