jquery - jquery .html（）は末尾のスペースを削除します

Question

"someting "div内のhtmlとして設定したいのですが、.html（）で末尾のスペースが削除されているようです。

これはcontenteditablediv内にあるため、ユーザーが入力を開始すると、「何か」と入力した内容の間にスペースがありません。

HTML

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

JAVASCRIPT

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

これはdiv内に「something_」を示していますが、入力を開始すると、残りのテキストのすぐ横に表示されます。

score 5 · Accepted Answer

HTML で可視スペースを設定するには、次のような形式にする必要があります 。

$("#text").html("something&nbsp;&nbsp;");

オプションは、独自の関数を使用して基本的な空間変換を行うことです。

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

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

デモ: http://jsfiddle.net/NAWY3/

score 1 · Accepted Answer

 スペースの代わりに使用してみてください:

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

score 0 · Accepted Answer

あなたがそれを使用するのが好きならcss

HTML

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

CSS

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

3 に答える 3