Sublime Text 2 선택 항목을 태그로 래핑

ST2에서 일부 텍스트를 강조 표시하고 alt+ shift+ w(Windows)를 누르면 현재 선택 항목이 <p></p>태그로 래핑됩니다 . 그러나 포장 할 태그를 지정하는 방법 이 있습니까? 스팬이나 div로 래핑하고 싶을 수도 있습니다.

Emmet을 사용하여 래핑하려는 태그에 커서를 놓고 ctrl+ w(MacOS의 경우) 또는 Alt+ Shift+ W(Windows의 경우)를 누르면 래핑 할 태그 유형을 입력하는 상자가 나타납니다.

한 줄

이것을 변환하려면

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(한 줄에 하나씩 선택).
• ALT+ SHIFT+ 누르기W
• 원하는 태그를 입력합니다 (기본 p 태그를 덮어 씁니다).

SHIFT+를 사용하여 텍스트를 선택할 MOUSE RIGHT BUTTON수도 있으며이 경우 두 번째 단계를 건너 뛸 수 있습니다.

Emmet 사용

이것을 변환하려면

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

예를 들어 스팬 태그를 삽입하려면 사용자 정의 스 니펫을 작성하십시오. 앱 메뉴로 이동하여 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으로 코드 조각과 키 바인딩을 성공적으로 테스트했습니다.

대답은 모두 좋습니다. 사용자 정의를위한 키 바인딩은 다음과 같습니다.

에서 기본 설정 : 키 바인딩 - 기본 :

{ 
  "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"}

에서 편집을 기본 설정 : 키 바인딩 - 사용자 원하는대로,

당신이 Sublime text3에있는 동안 당신의 삶을 편하게 만들려면 : 이것들 ( p, h1, div, header, footer, title ...) 중 하나를 입력하고 예를 들어 div 를 원한다면 Tab 을 누르 십시오. div를 입력하고 Tab을 누르 십시오.

ST2에서는 괄호없이 태그를 입력하고 Tab을 누르십시오. 자동으로 열리고 닫힌 태그를 제공합니다.

이 코드 조각 삽입 시스템은 Dreamweaver에서 제공하는 메커니즘에 비해 매우 복잡합니다. 이 경우 모든 종류의 스 니펫을 빌드합니다. 인 -RAM 라이브러리에 저장되고 디렉토리 스타일 구조로 표시됩니다. 스 니펫이 INSERT 유형 (커서 위치)인지 또는 SPAN 유형 (선택한 텍스트 범위)인지 선언합니다. 첫 번째 경우 전체 스 니펫이 삽입됩니다. 두 번째 경우 스 니펫은 "이전"부분과 "이후"부분으로 생성됩니다. 일반적으로 "이후"부분은 닫는 태그입니다. INSERT HERE 모드를 사용하려면 커서를 놓고 라이브러리의 스 니펫을 두 번 클릭하면 커서 위치에 삽입됩니다. SPAN SELECTED TEXT 모드를 사용하려면 원하는 텍스트를 강조 표시하고 라이브러리에서 스 니펫을 두 번 클릭합니다. 선택한 텍스트는 "이전"으로 둘러싸여 있습니다. 스 니펫의 "후"부분. 이것은 매우 직관적이고 사용하기 쉬우 며 사용자가 선택한 텍스트에 걸쳐있는 무제한 종류의 스 니펫을 만들 수 있습니다. 매우 스마트 한 프로그래머가 SUBLIME 3에 대해 이와 같은 확장 프로그램을 구축 하시겠습니까? 참고 : 이에 비해 Bracket Highlighter는 이러한 기능이있는 것처럼 보이는 래핑 기능이있는 Sublime 플러그인이지만 자세히 살펴보면 효율적인 스 니펫 라이브러리를 즉석에서 빌드하려는 경우 사용하기에는 너무 번거 롭습니다. 감사합니다, Peter Rosti Bracket Highlighter는 이러한 기능이있는 것처럼 보이는 래핑 기능이있는 Sublime 플러그인이지만, 자세히 살펴보면 효율적인 스 니펫 라이브러리를 즉석에서 빌드하려는 경우 사용하기에는 너무 번거 롭습니다. 감사합니다, Peter Rosti Bracket Highlighter는 이러한 기능이있는 것처럼 보이는 래핑 기능이있는 Sublime 플러그인이지만, 자세히 살펴보면 효율적인 스 니펫 라이브러리를 즉석에서 빌드하려는 경우 사용하기에는 너무 번거 롭습니다. 감사합니다, Peter Rosti