2015-07-10 46 views
2

我使用崇高文本2,用埃米特插件在Emmet中,決定是否會有由HTML代碼生成的新行?

這埃米特代碼

form>label{blah}+input[type="button"] 

產生此,輸出的一行,沒有新的線

<form action=""><label for="">blah</label><input type="button"></form> 

這埃米特代碼

form>label{blah}+input[type="button"] 

也產生單行輸出,沒有新線

<form action=""><label for="">blah</label><input type="button"></form> 

這埃米特代碼

form>label{blah}+input[type="button"]+input[type="button"] 

在輸出中新線

<form action=""> 
    <label for="">blah</label> 
    <input type="button"> 
    <input type="button"> 
</form> 

我看不到什麼控制是否產生新的生產線或不

它不能是一般的第二個元素的存在,因爲form>label{blah}+label{blah}產生一條線。

那麼,什麼控制它是否產生新的線?

+0

它由輸出配置文件控制:http://docs.emmet.io/customization/syntax-profiles/ –

+0

@SergeyChikuyonok我知道這可能是snippets.json中的某些內容,但是您可以更具體嗎? – barlop

+0

它不是'snippets.json',它是'syntaxProfiles.json'。請閱讀文檔 –

回答

0

當您使用代碼
form>label{blah}+input[type="button"] 埃米特假定您想要的物品的列表,以便它可以和做 把單個項目在同一條線上。
當您在您的 代碼行中添加第二個項目時form>label{blah}+input[type="button"]+input[type="button"]
Emmet假定您需要一個項目列表。因此,Emmet在不同的行上放置了不止一個 相同的項目,以便像您和我的編碼人員更輕鬆地將它們區分開來。第二個代碼行與第一個代碼行相比編輯點不同 。您可以通過跳轉到下一個 編輯點命令來檢查此項。這是因爲你有兩個相同的項目。這些 項目可能是兄弟姐妹,因爲您在這裏或他們可能是parent>child他們 將分開行,除了孩子將縮進。只是form>

form>p>label{blah}+input[type="button"]

這將輸出後 添加p>標籤: -

<form action="">
<p><label for="">blah</label><input type="button"></p>

標籤和輸入都在一個新行在一起。 或者下面的代碼示例

form>label{blah}+p>input[type="button"]

這將輸出: -

<form action="">
<label for="">blah</label>
<p><input type="button"></p>

標籤和輸入都會有自己的路線。雖然標籤和輸入通常應在同一行上。 表單需要至少一個標籤和一個輸入。在Emmet中,當你滿足預期的要求時,你可以在一行代碼中獲得你的代碼,但是如果有多個相同的元素,它將在單獨的行中列出它們。你可以用p>標籤控制這種行爲 - (加拿大拼寫),正如我所示。您可以修改更改或添加到snippets.json文件以獲取特定行爲或甚至是新的片段和Emmet命令。我希望這有幫助。

相關問題