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。