个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我想替换文本区域中的空格和换行符，如果输入是
________________________________________
i am a
fat
boy zzz
________________________________________
结果应该是
i<sp>am<sp>a<br>fat<br><br>boy<sp>zzz
空格被<sp>代替换行符替换为 <br> .
空间替换成功，但是当我尝试用 <br> 替换新行时我失败了(我尝试了3-4种不同的方法，但都做不到)
如果有人有想法，将不胜感激？提前致谢
代码如下
<!DOCTYPE html>
<html>
<body>
<textarea id="txtArea" rows="10" cols="70">i am fat boy </textarea>
<input type="text" id="StringTextBox" value="" >
<p id="demo"> </p>
<button onclick="myFunction()">Try it</button>
<script>
function myFunction() {
var str = document.getElementById("txtArea").value;
var res = str.split(' ').join('<'+"sp"+'>');
document.getElementById("demo").innerHTML = res;
}
</script>
</body>
</html>
最佳答案
我不会使用 split和 join为此，只需直接更换即可。请注意，不同的操作系统(甚至同一操作系统上的不同浏览器)使用不同的字符作为换行符，因此为了覆盖您的基础，您可能需要交替使用:
str = str.replace(/(?:\r|\n|\r\n)/g, '<br>');
这将替换每个独立的 \r , 一个独立的 \n , 或 \r\n与<br>相邻.
当然，我们将其与 .replace(/ /g, '<sp>') 相结合做空格:
str = str.replace(/ /g, '<sp>').replace(/(?:\r|\n|\r\n)/g, '<br>');
免费的实例:
var originals = [
"i am a\nfat\n\nboy zzz",
"i am a\rfat\r\rboy zzz",
"i am a\r\nfat\r\n\r\nboy zzz"
];
originals.forEach(function(str) {
str = str.replace(/ /g, '<sp>').replace(/(?:\r|\n|\r\n)/g, '<br>');
snippet.log(str);
});<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>如果它是一个非常大的字符串，那么通过它两次(两次调用 replace )可能并不理想。在那种不太可能的情况下，我们可以将所有东西组合成一个 replace使用回调函数:
str = str.replace(/(?: |\r|\n|\r\n)/g, function(m) {
return m === " " ? "<sp>" : "<br>";
});
实例:
var originals = [
"i am a\nfat\n\nboy zzz",
"i am a\rfat\r\rboy zzz",
"i am a\r\nfat\r\n\r\nboy zzz"
];
originals.forEach(function(str) {
str = str.replace(/(?: |\r|\n|\r\n)/g, function(m) {
return m === " " ? "<sp>" : "<br>";
});
snippet.log(str);
});<!-- Script provides the `snippet` object, see http://meta.stackexchange.com/a/242144/134069 -->
<script src="http://tjcrowder.github.io/simple-snippets-console/snippet.js"></script>但在正常情况下，对于大小合理的字符串，两次调用 replace直接替换可能比使用回调函数的单个调用更好。
关于javascript - 如何替换文本区域中的换行符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29080989/
25
4
0
我有一个带有 的表格我想在服务器端捕获该文本区域中的任何换行符，并将它们替换为 . 这可能吗？ 我尝试设置 white-space:pre在 textarea 上的 CSS，但仍然不够。 最佳答案
我正在通过 FileStream 更改文件(这是一个非常大的文件，我只需要更改标题而不重写整个文件。 该文件可以有 Unix 或 Windows 换行符，知道哪一个对我来说很重要，这样我可以在更新文件
如何以编程方式(不使用 vi)将 DOS/Windows 换行符转换为 Unix 换行符？ dos2unix 和 unix2dos 命令在某些系统上不可用。 如何使用 sed、awk 和 tr 等命令
我编辑了一个 BibteX 文件，到目前为止，它显示了我需要的所有信息。 FUNCTION {electronic} { output.bibitem format.btitle "title"
您的软件是否处理来自其他系统的换行符？ Linux/BSD linefeed ^J 10 x0A Windows/IBM return linefeed ^M^
我发现 Windows 命令行重定向会自动将 '\n' 替换为 '\r\n'。有什么方法可以避免这种情况？因为在 stdout 或 stderr 重定向之后，如果您将 '\r\n' 写入控制台，您将得
来自 this question ，这个…… lines = foo.value.split(/\r\n|\r|\n/); 是拆分字符串的一种方法，但如何用换行符将其连接回去？ 另外，我想知道如果我说
我正在尝试获取新行，但如果我使用 \n 它不起作用。 任何通过向字符串添加一些东西来换行的方法，例如 \r\n (这也不起作用) gfx.DrawString("Project No \n" + te
我有一串数据，中间有换行符。例如: "Product Name \n Product Color \n Product Quantity \n Product Location \n Product
我正在尝试让 scmCommentPrefix 按照 http://maven.apache.org/plugins/maven-release-plugin/faq.html#scmCommentP
如何检查正则表达式 /^\n/在字符串中 blahblahblah 我似乎无法从 php 的 preg_match 获得返回值 1 . 编辑: 由于某种原因，我的坏处是 CR 本身就是我的换行符。
我很难在与文本字符串相同的行上输出变量。当我使用Write-Host而不是Write-Output时，它可以工作。我想使用Write-Output，因为这似乎是最佳做法(将内容保留在管道中)，但是Wr
我正在Powershell中工作，以为here字符串中的特定单词着色。除包含回车/换行符的单词外，其他功能均有效。没有这些字符，如何计算单词的长度？ 以下是我正在使用的功能和测试数据。我希望第二行上的
我有一个在Powershell中运行的脚本，并且我希望能够在脚本名称和脚本内容本身之间的结果文本文件输出中添加一行。 当前，从下面开始，行$str_msg = $file,[System.IO.Fil
有人知道smalltalk中字符串的换行符是什么吗？ 我试图将字符串拆分为单独的行，但我无法弄清楚smalltalk 中的换行符是什么。 即。 string := 'smalltalk is
我有以下 printf 语句: printf ("%s (%s)\n",$row["word"], $row["definition"]); 我正在尝试解决换行符而不是: word defin
这个问题已经有答案了: how to use dotall flag for regex.exec() (4 个回答) 已关闭 7 年前。 字符串内容
我想用 CSS 换行。我正在使用内容。 td:before { content: "Test\A Test2"; } 它不工作。如何正确
考虑一个具有 UNIX 行结尾的 C++ 文件(即 '\x0a' 而不是 "\x0d\x0a")并包含以下原始字符串文字: const char foo[] = R"(hello^M )"; (其中
我有以下 printf 语句: printf ("%s (%s)\n",$row["word"], $row["definition"]); 我正在尝试解决换行符而不是: word defin
我是一名优秀的程序员,十分优秀！