帕格 - 強制添加空白區域線

Question

所以我有這個基本的哈巴狗代碼

p This is some text 
    span foo 
    span bar 

預期的輸出應該是這樣的結尾：

這是一些文本FOO酒吧

但是它實際上輸出該（空白空間被移除）：

這是一些textfoobar

，能夠通過添加一個空白空間到行的結尾添加空間。

雖然在編輯器中打開了空格修剪功能，但我仍然需要保留空格。保存文件時，空白修剪會從行尾刪除空白區域。

那麼，即使在編輯器中打開白色空間裁剪時，是否還有辦法強制將空白添加到保留的行的末尾？

Answer 1

其實有另一種方式。在跨度中的每個單詞之前添加額外的空格會導致文本在瀏覽器中查看時不會合併爲一個單詞。

// no extra spaces 
p This is some text 
    span foo 
    span bar 

// extra space method 
p This is some text 
    span foo 
    span bar 

// JS literals method 
p This is some text!{' '} 
    span foo 
    | !{' '} 
    span bar 

額外的空間方法比JS文字方法我以前發佈的清潔但是它會導致放置跨度內，而不是周圍的空白。

使用額外的空間方法產生這個HTML：

<p>This is some text<span> foo</span><span> bar</span></p> 

使用JS文字方法產生這個HTML：

<p>This is some text <span>foo</span> <span>bar</span></p> 

的HTML輸出，而不使用任一方法：

<p>This is some text<span>foo</span><span>bar</span></p> 

Answer 2

我找到了一個很好的解決這個:)

p This is some text!{' '} 
    span foo 
    | !{' '} 
    span bar 

!{}在帕格基本含義：

解釋以下爲JavaScript和輸出的結果完全一樣書面

因此，通過將!{' '}添加到行的末尾，它強制在pu的末尾添加一個空白空間g文本不會被空白修剪軟件切斷。