79

ST2 では、一部のテキストを強調表示してalt+ shift+ w(Windows の場合) を押すと、現在の選択範囲が<p></p>タグでラップされます。しかし、どのタグでラップするかを指定する方法はありますか? たぶん、代わりにスパンまたはdivでラップしたいからです。

4

7 に答える 7

78

Emmet を使用して、ラップするタグにカーソルを置き、ctrl+ w(MacOS の場合) またはAlt+ Shift+ W(Windows の場合) を押すと、ラップするタグのタイプを入力するボックスがポップアップします。

于 2013-06-26T13:42:40.950 に答える
24

単線

これを変換したい場合

Lorem ipsum dolor sit amet.

これに

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

これを行う:

  • CTRLテキストを選択するか、 +キーを押しLます (現在の行が選択されます)。
  • ALT+ SHIFT+を押しますW
  • 目的のタグを入力します (デフォルトの p タグを上書きします)

複数行

これを変換したい場合

Item 1
Item 2
Item 3

これに

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

これを行う:

  • CTRLテキストを選択するか、 +キーをL複数回押します
  • CTRL+ SHIFT+を押しLます (1 行につき 1 つの選択が行われます) 。
  • ALT+ SHIFT+を押しますW
  • 目的のタグを入力します (デフォルトの p タグを上書きします)

SHIFT+を使用してテキストを選択することもできますMOUSE RIGHT BUTTON。この場合、2 番目のステップをスキップできます。

エメットの使用

これを変換したい場合

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>

これを行う:

  • テキストを選択
  • SHIFT+ CTRL+ G(省略形で折り返す)を押します。
  • nav>ul.nav>li.nav-item$*>a と入力します

Mac ユーザーへの注意:

ALT+ SHIFT+ W= CTRL+ SHIFT+W

CTRL+ SHIFT+ L= CMD+ SHIFT+L

于 2014-12-15T21:57:14.263 に答える
6

答えはすべて良いです。カスタマイズ用のキーバインディングは次のとおりです。

優先: キーバインド -デフォルト:

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

Emmet をお持ちの場合、emmet バージョンは

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

設定でそれらを編集します:キーバインディング - ユーザーを好みに合わせて、

于 2016-01-27T18:35:56.053 に答える
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+ Shift+を押すcか、「span」と入力して を押すTabと、カーソルがタグ内の必要な位置に設定されます。テキストを入力するだけです。

Ubuntu Linux で Sublime Text 3 を使用して、スニペットとキー バインディングを正常にテストしました。

于 2014-05-14T06:49:48.033 に答える
1

あなたがSublime text3にいる間、あなたの人生を楽にするために:これら(p、h1、div、header、footer、title ...)のいずれかを入力し、例えばdiv が必要な場合はTabを押してくださいdivと入力してTabを押してください

于 2014-11-07T01:15:19.517 に答える