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