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 "))​​​​; 

DEMO：http://jsfiddle.net/NAWY3/

Answer 2

尝试使用 而不是空格：

$('#div_id').html("something "); 

Answer 3

如果你喜欢它使用css

HTML

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

CSS

div#test:before{ 
    content: '>\0000a0\0000a0'; 
    /*or content: 'Something\0000a0\0000a0';*/ 
} 

DEMO。