首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >文本区域内的HTML显示换行符

文本区域内的HTML显示换行符
EN

Stack Overflow用户
提问于 2012-11-21 09:23:14
回答 3查看 88.8K关注 0票数 29

我已经用几种方式问过这个问题了,但仍然没有得到答案。

当您在包含换行符的文本区域中捕获asci文本时,当您按回车键时,似乎会以换行符的形式插入不可见的字符。换行符的格式似乎是\r表示回车或\n表示换行符。这些字符在文本中不可见,但就在某个地方。

但是,当我将这段代码放在文本区域中时,我无法让它显示换行符。事实上,我找不到任何放置在textarea标记之间的代码显示换行符。

谁能展示一种在文本区显示换行符的方法,即。

代码语言:javascript
复制
<textarea>first line <some code> second line </textarea>

你能想到的我都试过了。例如,如果我尝试使用<textarea> first line "\r\n" second line</textarea>,它只会显示

代码语言:javascript
复制
`firstline "\r\n"` second line

注意:任何涉及<br>的东西都不能解决这个问题,因为这不是关于html,而是在文本区框中显示纯文本。

感谢建议的代码在文本区中显示换行符。

EN

回答 3

Stack Overflow用户

发布于 2012-11-21 09:35:23

如果你是通过纯HTML来做这件事的,那么你可以选择两种方法之一。只需通过按enter键或使用ASCII字符&#013; &#010;来添加行

jsFiddle

票数 36
EN

Stack Overflow用户

发布于 2017-05-25 18:24:37

如果你使用的是javascript,你可以使用value Property元素。

代码语言:javascript
复制
var tb = document.getElementById("tb");

var newLine = "\r\n";

var text = "Output: " + newLine + "-------------------" + 
                        newLine + "line 1:	" + 
                        newLine + "line 2:	";

tb.value = text;
//console.log(text);
代码语言:javascript
复制
<textarea id="tb" rows=5>
Output: &#13;&#10;-------------
</textarea>

票数 5
EN

Stack Overflow用户

发布于 2012-11-21 09:35:15

我不敢肯定能理解你的问题。

如果您想在您的<textarea/>中编写以下代码

代码语言:javascript
复制
first line
second line

你应该这样写:

代码语言:javascript
复制
<html>
    <head>
        <title></title>
    </head>
    <body>
        <textarea rows="4" cols="40">
first line
second line
        </textarea>
    </body>
</html>

在PHP中,你应该这样写

代码语言:javascript
复制
<html>
    <head>
        <title></title>
    </head>
    <body>
        <textarea rows="4" cols="40"><?php echo "first line\r\nsecond line" ?></textarea>
    </body>
</html>

确保字符串在“and not‘”之间

票数 -3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/13484985

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档