jquery .html() 删除尾随空格

Question

我想将 "someting " 设置为 div 内的 html，但 .html() 似乎删除了尾随空格。

它位于 contenteditable div 内，因此当用户开始键入时，“某物”和他键入的内容之间缺少一个空格。

HTML

<div id="text" contenteditable="true"></div>

JAVASCRIPT

$('div#text').html('something          ');

这会在 div 内显示“something_”，但是当您开始键入时，它会出现在文本其余部分的旁边。

Answer 1

为了在 HTML 中设置可见空格，它们应该采用   的形式，例如

​$("#text").html("something  ")​​​​;

一个选项是使用您自己的函数进行基本空间转换:

function spaceToNbsp(str) {
    return str.replace(/ /g, " ");
}

$("#text").html(spaceToNbsp("something  "))​​​​;

演示: http://jsfiddle.net/NAWY3/