是否有任何HTML元素可以保留windows CRLF,即\r\n 在我的程序中,我需要呈现一个HTML页面,用户可以从文本区域中选择特定的单词,并使用javascript捕获所选的位置索引(startIndex、endIndex),并对源数据执行进一步的处理 但是,有一个用例源数据包含windows CRLF,当它被呈现到文本框(我使用了span)时,CRLF将丢失。所以索引总是每行偏移1
我知道我们可以从后端修复它,但是如果我们可以在网页上保留CRLF,那就更好了,也更一致了 示例代码:是否有任何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
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的长度。我已经更新了我的代码片段,以便更好地测试它。