jQuery:keyup():使用文本区域中的内容更新div...换行符?

发布于 2024-11-12 07:56:58 字数 594 浏览 1 评论 0原文

我在这里发布了一个工作版本: http://jsfiddle.net/JV2qW/2/

我有一个文本区域,它使用正在输入的文本更新(在 keyup() 上)div。一切都按预期工作,除了换行符未被识别。

html:

<p>enter text</p>
<textarea id='text'></textarea>
<div id='target'></div>

和 jquery:

$('#text').keyup(function(){
      var keyed = $(this).val();
      $("#target").html(keyed);
 });

关于如何将 \n 转换为

的任何想法标签?

非常感谢。

I have posted a working version here: http://jsfiddle.net/JV2qW/2/

I have a textarea that updates (on keyup()) a div with the text that is being entered. Everything is working as it should, except the line breaks are not being recognized.

the html:

<p>enter text</p>
<textarea id='text'></textarea>
<div id='target'></div>

and the jquery:

$('#text').keyup(function(){
      var keyed = $(this).val();
      $("#target").html(keyed);
 });

Any thoughts on how to get the \n translated to <br/> or <p> tags?

many thanks.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

瘫痪情歌 2024-11-19 07:56:58

您可以用
替换任何换行符。

$('#text').keyup(function() {
    var keyed = $(this).val().replace(/\n/g, '<br/>');
    $("#target").html(keyed);
});

如果您想替换其他内容,可以查看有关 RegEx 的 MDC 文章。

https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions

You can replace any newlines with <br/>

$('#text').keyup(function() {
    var keyed = $(this).val().replace(/\n/g, '<br/>');
    $("#target").html(keyed);
});

You can look into the MDC article about RegEx if you want to replace other things.

https://developer.mozilla.org/en/JavaScript/Guide/Regular_Expressions

夏末的微笑 2024-11-19 07:56:58

http://jsfiddle.net/omnosis/8XL7n/

替换 '\n'< /code> 到 '
''

http://jsfiddle.net/omnosis/8XL7n/

replace the '\n' to '<br />'

温柔女人霸气范 2024-11-19 07:56:58

你为什么不直接替换键值并替换它呢?

这里有示例 - 部分转换卡拉格返回

http://lawrence.ecorp.net/ inet/samples/regexp-format.php

Why don't You just do replace on keyed value and replace it?

Here You have example - section Convert carrage returns

http://lawrence.ecorp.net/inet/samples/regexp-format.php

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文