Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
是否有任何HTML元素可以保留windows CRLF,即\r\n 在我的程序中,我需要呈现一个HTML页面,用户可以从文本区域中选择特定的单词,并使用javascript捕获所选的位置索引(startIndex、endIndex),并对源数据执行进一步的处理 但是,有一个用例源数据包含windows CRLF,当它被呈现到文本框(我使用了span)时,CRLF将丢失。所以索引总是每行偏移1_Javascript_Html_Css - Fatal编程技术网

是否有任何HTML元素可以保留windows CRLF,即\r\n 在我的程序中,我需要呈现一个HTML页面,用户可以从文本区域中选择特定的单词,并使用javascript捕获所选的位置索引(startIndex、endIndex),并对源数据执行进一步的处理 但是,有一个用例源数据包含windows CRLF,当它被呈现到文本框(我使用了span)时,CRLF将丢失。所以索引总是每行偏移1

是否有任何HTML元素可以保留windows CRLF,即\r\n 在我的程序中,我需要呈现一个HTML页面,用户可以从文本区域中选择特定的单词,并使用javascript捕获所选的位置索引(startIndex、endIndex),并对源数据执行进一步的处理 但是,有一个用例源数据包含windows CRLF,当它被呈现到文本框(我使用了span)时,CRLF将丢失。所以索引总是每行偏移1,javascript,html,css,Javascript,Html,Css,我知道我们可以从后端修复它,但是如果我们可以在网页上保留CRLF,那就更好了,也更一致了 示例代码: var input=“你好\r\nJavaScript!” document.getElementById(“demo”).innerHTML=input; var test=document.getElementById(“demo”).innerHTML console.log('输入长度:'+输入长度) console.log(“测试长度:”+test.length) span.dem

我知道我们可以从后端修复它,但是如果我们可以在网页上保留CRLF,那就更好了,也更一致了

示例代码:

var input=“你好\r\nJavaScript!”
document.getElementById(“demo”).innerHTML=input;
var test=document.getElementById(“demo”).innerHTML
console.log('输入长度:'+输入长度)
console.log(“测试长度:”+test.length)
span.demo{
空白:预包装;
}
元素按您需要的方式保留换行符

<pre id="test" />

<script>
  document.getElementById("test").innerHTML = "Hello\r\nJavaScript!";
</script>


document.getElementById(“test”).innerHTML=“Hello\r\nJavaScript!”;

工作得非常好,无论是在代码段中,还是在我将代码复制粘贴到小提琴中时,通常的元素都是
。另外,不要将
元素放在
中;所有可见内容都进入
@04FS,看起来不错,但是
\r\n
被替换并缩短。请检查我的更新代码snippet@ChrisG,这有助于回答这个问题吗?不,它不起作用。您可以尝试转储输入字符串的长度,然后获取innerHTML的长度。我已经更新了我的代码片段,以便更好地测试它。