javascript - html o/p と同じように空白を保持する

Question

リッチ テキスト ボックスからテキストを取得しています

例: "abc def" .

これらの空白にドロップダウンボックスを表示することになっていますが、ブラウザは空白を自動的に削除しています。

私はこのコードを試しました:

var text = div.innerHTML;    
var regex = new RegExp(" ", "g");  
text = text.replace(regex, "   ");  
div.innerHTML = text;  '

これにより、2 つの余分なスペースで適切な位置合わせが維持されます

 テキスト内の空白を置き換える方法はありますか? <font size="10"フォントとサイズの間のスペースは置き換えられません

ありがとう

Answer 1

div のスタイルを

white-space: pre;

そして、JavaScript で面倒なことをする必要はありません。

Answer 2

  ダブルスペースに使用。ブラウザは、デフォルトで余分なスペースを削除します。