jquery .html()删除尾随空格

Question

我想"someting "在div中设置为html,但.html()似乎删除了尾随空格.

它在contenteditablediv中,所以当用户开始输入时,"something"和他键入的内容之间缺少空格.

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/