Javascript:Textarea到html，如何在html中保存精确的空格数？

Question

将文本区域的值放入 html 时，如何保存文本区域中单词之间的精确空白计数？

<textarea>word "10 whitespaces here" word "20 whitespaces here" word</textarea>

html:

<div style="width:50px;overflow:hidden;">word "10 whitespaces here" word "20 whitespaces here" word</div>

这样 div 内的所有文本都可见。

Answer 1

假设您从头开始创建 div，这里有一种用 HTML 友好的   替换空格的方法。

var newDiv = document.createElement("div");
// the below replaces two spaces with "  "
newDiv.innerHTML = value.replace(/  /g, "  ");