js将\ n替换为<br>并显示

他说

我有用于输入的textarea和show-div以显示输入:

<textarea id="inputtext" style="height:100px"></textarea>

<button id="show">show in div</button>

<div id="showtext">

</div>

和我的js:

$(function(){
 $('#show').on('click',function(){
    var text = $.trim($('#inputtext').val());
    text = text.replace(/\r?\n/g, "<br />").replace(/<br\s*[\/]?>/gi, "\n");
    $('#showtext').text(text);
 });
});

我想要的是,如果您给:
a
b
c

它也应该以这种形式显示。但现在显示:a b c

这是我的小提琴:http : //jsfiddle.net/5gkak/

我究竟做错了什么?

避风港

您需要更改您的小提琴以使其与此匹配:http : //jsfiddle.net/5gkak/1/

$(function(){
    $('#show').on('click',function(){
        var text = $.trim($('#inputtext').val());
        text = text.replace(/\r?\n/g, "<br />");
        $('#showtext').html(text);
    });
});

您所用的是替换为\n<br />然后反向进行相同操作,因此<br />替换为\n另外,您需要设置的html #showtext查看.text.htmljQuery文档的区别

还有其他选项(这些选项来自问题的注释部分):

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

用<br>标记替换\ n

来自分类Dev

正则表达式将<div>转换为<br>

来自分类Dev

如何用\ n替换</br>和<br/>?

来自分类Dev

html textarea将br标签替换为\ n

来自分类Dev

php echo显示br标签

来自分类Dev

使用.getElementByClassName将<strong>标签替换为<br />标签

来自分类Dev

Ruby:将<br>转换为换行URI编码

来自分类Dev

在fpdf中将<br />替换为“ \ n”

来自分类Dev

将所有<br>标记替换为javascript中的空格

来自分类Dev

自动将HTML标记替换为“ <br>”

来自分类Dev

快速将<br>替换为\ n

来自分类Dev

将\ r \ n替换为<br />作为文本

来自分类Dev

在C#中将\ n替换为<br/>

来自分类Dev

如何用\ n替换</br>和<br/>?

来自分类Dev

将* <BR>替换为<li>

来自分类Dev

将\ n“替换为”,

来自分类Dev

将csv文件中的“ <br/>”列中的“换行”替换为-Powershell

来自分类Dev

js将\ n替换为<br>并显示

来自分类Dev

Angular.js-将<br/>转换为纯文本

来自分类Dev

<br> <br> <br>仅在Inspect元素中生成并显示

来自分类Dev

将数字替换为单词并显示

来自分类Dev

将\ n或\ r更改为<br/>

来自分类Dev

将显示隐藏按钮替换为div

来自分类Dev

将JSON \ n转换为HTML <br>标记

来自分类Dev

多个<br /> <br> <br/> \ r \ n出现需要替换为<br />

来自分类Dev

无法将类型为java.lang.String的值[string] <br> [string] <br>转换为JSONArray

来自分类Dev

jQuery用<br>替换\ n HTML无法呈现<br>

来自分类Dev

将标签p替换为Blockquote中的br

来自分类Dev

MySQL 奇怪的字符替换为 <BR