2013-06-26 62 views
72

在ST2,突出一些文本,按下ALT ++ 瓦特(在Windows上)將包裝在<p></p>標籤當前選擇。但有沒有辦法指定哪個標籤包裝?因爲也許我想換一個範圍,或換一個div。崇高文本2包裝選擇在標籤

+0

嘗試emmet http://docs.emmet.io/action s/wrap-with-abbreviation/ – Chef

+0

@Chef謝謝,這已經成功了。我已經在下面添加了這個答案。 – Lars

+0

@Chef應該是增加答案的人。 – AGS

回答

74

使用埃米特,將光標放在你想換行,按CTRL標籤瓦特(適用於MacOS)或Alt鍵 + + W¯¯(適用於Windows),一個框彈出以輸入要包裝的標籤類型。

+2

爲什麼我的標籤在使用上述快捷方式時會關閉? –

+10

你在窗戶上嗎?試試Alt-Shift-W。在窗口中,ctrl + w是關閉選項卡的快捷方式。 – Lars

+21

如果您在安裝了Emmet軟件包的窗口上使用崇高文本,則需要在Sublime Text 3上使用Shift + Ctrl + G –

5

創建一個自定義片段,例如,插入span標籤。進入應用菜單:Tools > New Snippet ...,並複製到窗口下面的代碼片段:

<snippet> 
    <content><![CDATA[ 
<span style="color:#0000FF">$SELECTION$1</span> 
]]></content> 
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet --> 
    <tabTrigger>span</tabTrigger> 
    <description>HTML - span - color - blue</description> 
    <!-- Optional: Set a scope to limit where the snippet will trigger --> 
    <scope>source.html</scope> 
</snippet> 

...然後保存例如以文件的代碼段html-span--color名稱和綁定該片斷的組合鍵Preferences > Key Bindings-User,創建一個新的關鍵條目,例如:

{ "keys": ["alt+shift+c"], "command": "insert_snippet", "args": { "name": "Packages/User/html-span--color.sublime-snippet" } } 

據推測,該片段的位置是Packages/User/目錄。

現在選擇您需要在span標籤包裹,然後按Alt鍵 + + ç或鍵入「跨度」,按標籤,光標將被設置爲內所需位置的任何文本標籤,只需輸入您的文字。

我已成功測試了Ubuntu Linux中Sublime Text 3的片段和鍵綁定。

+0

這似乎已經在SublimeText3中移動了:現在它位於'Tools> Developer> New Snippet ... ' –

84

你不需要埃米特!至少不是在Mac版Sublime Text 3中(我有幾個月沒有使用過ST2)。

有或無的埃米特插件,某處將光標放置在字,經由命令d,按控制移突出字瓦特Menubar > Edit > Tag > Wrap Selection With Tag),和類型所需的元件鍵入當前突出顯示的默認生成的p標籤

注:在MS Windows中,包裹的快捷鍵是ALT轉變瓦特

enter image description here

enter image description here

enter image description here

+6

它也適用於Sublime2。選擇文本後,按Alt-Shift-W(Win)或Control-Shift-W(Mac)並立即輸入標籤名稱。 – Oriol

+0

控制轉變瓦特乾脆關閉了我崇高的窗口 - 我使用Ubuntu – BKSpurgeon

+0

是否Ubuntu的名單鍵盤快捷鍵菜單欄的旁邊這樣的命令的Mac OS呢?也許而不是控制鍵,它可以替代你。 – jtheletter

1

,讓您的生活更輕鬆,而你在崇高文字3: 類型的任何一個(P,H1格,頁眉,頁腳,標題 ...)和命中標籤 例如,如果你想只需型格和命中標籤

+1

這在這個實例中並沒有真正的幫助,因爲OP正在討論在標籤中包裝_existing text_,而不是從頭開始。 – sugardaddy

15

單線

如果要轉換這個

Lorem ipsum dolor sit amet. 

這個

<div>Lorem ipsum dolor sit amet.</div> 

做到這一點:

  • 選擇文本,或按CTRL + 大號(它將選擇當前行)
  • ALT + SHIFT + W
  • 類型所需的標籤(這將覆蓋默認p標籤)

多行

如果要轉換這個

Item 1 
Item 2 
Item 3 

這個

<li>Item 1</li> 
<li>Item 2</li> 
<li>Item 3</li> 

這樣做:

  • 選擇文本,或按CTRL + 大號多次
  • CTRL + SHIFT + 大號(它會讓每行一個選擇)
  • ALT + SHIFT + W
  • 類型t他期望的變量(它將覆蓋默認p標籤)

您也可以選擇使用SHIFT +按鼠標右鍵,文本,在這種情況下,你可以跳過第二步。

使用埃米特

如果要轉換這個

Item 1 
Item 2 
Item 3 

這個

<nav> 
    <ul class="nav"> 
    <li class="nav-item1"><a href="">Item 1</a></li> 
    <li class="nav-item2"><a href="">Item 2</a></li> 
    <li class="nav-item3"><a href="">Item 3</a></li> 
    </ul> 
</nav> 

做到這一點:

注爲Mac用戶:

ALT + SHIFT +w^ = CTRL + SHIFT + W¯¯

CTRL + SHIFT + 大號 = CMD + SHIFT + 大號

+0

哇。這是一個更好的答案:) – shivams

+0

謝謝古斯塔沃,非常清楚,節省了我的時間。 –

-3

插入片段的該系統是與Dreamweaver中提供的機制相比非常麻煩。在這種情況下,你可以創建任何類型的代碼片段。它存儲在一個RAM內庫中,並以目錄式結構顯示。您聲明片段是INSERT類型(在光標位置)還是類型SPAN(跨度選定文本)。在第一種情況下,插入整個片段。在第二種情況下,片段用「之前」部分和「之後」部分創建。通常,「之後」部分僅僅是結束標籤。要使用INSERT HERE模式,您需要定位光標,然後雙擊庫中的片段並將其插入光標位置。要使用SPAN SELECTED TEXT模式,請突出顯示您想要的文本,然後雙擊庫中的片段。所選文本被片段的「之前」和「之後」部分包圍。 這是非常直觀,易於使用,並使用戶能夠構建無限種類的片段,可以跨越選定的文本。 一些非常聰明的程序員請爲SUBLIME 3創建一個擴展? 注:相比之下,Bracket Highlighter是一個帶有包裝功能的Sublime插件,它似乎具有這樣的功能,但仔細觀察,如果您想要即時構建高效的代碼庫,使用起來太麻煩。 謝謝, 彼得羅斯蒂

0

在ST2鍵入一個標籤沒有括號和命中Tab。它會自動給你打開和關閉標籤

+0

歡迎來到SO並感謝您回答問題。你能否爲你的答案提供更多的背景知識。另外,在[幫助中心](http://stackoverflow.com/help/how-to-answer)中可以找到更多提示。 –

5

答案都很好。這裏是關鍵綁定定製:

偏好:鍵綁定 - 默認

{ 
    "keys": ["ctrl+shift+w"], "command": "insert_snippet", 
    "args": { "name": "Packages/XML/long-tag.sublime-snippet" } 
} 

如果你有埃米特,埃米特版本

{ "keys": ["super+shift+w"], "command": "wrap_as_you_type"} 

編輯他們首選項:鍵綁定 - 根據您的喜好使用