Sublimetext(서브라임텍스트)에서 HTML ENTITY(엔티티) 코드 사용하기
html을 작성하다 보면 자주 entity 코드를 사용합니다. 예를들면 &
나 ©
같은거입니다.
이런것들은 & 나 © 식으로 보여집니다.
이것만 있는것이 아니라 상당이 많이 있습니다.
잘만 활용하면 이미지를 사용하지 않고도 코드로 간단이 사용할 수 있습니다.
이전에는 entity 코드가 나와있는 곳을 찾기도 했습니다.
entity 페이지1 , entity 페이지2 를 사용했습니다.
하지만 Sublimetext(서브라임텍스트)에서 간단하게 entity code를 표시할 수 있는 방법이 있습니다.
그 방법을 알려드리겠습니다.
예륻들어 &
를 entity 코드로 변환하고 싶다면 html 작성할때 그냥 &
작성하시고 엠퍼센드를 블록으로 잡고서는 Ctrl+Shift+P 를 눌러 명령창을 엽니다.
encode
를 입력하면 HTML: Encode Special Characters
가 보일겁니다. 엔터를 칩니다.
그럼 간단이 entity code 로 변환된것을 볼 수 있을겁니다.
이미지로 변환과정을 참고하시기 바랍니다.
Snippets(스니펫) 사용하기
좀더 많은 entity code 를 사용하거나 자주 사용한다면 snipets 를 사용해보세요.
소개할 snippets 은 HTMLEntity Snippets 입니다.
아래와 같은 코드들을 아주 간단이 사용할 수 있습니다.
설치하는 방법은 아래의 코드를 순서대로 누르면 됩니다.
Ctrl+Shift+P
-> Package Control Install
(pci 라고만 입력해도 됩니다.) -> HTMLEntity Snippets
설치방법을 모르시면 아래 이미지 참고하세요
출처 : http://demun.tistory.com/2452
'SublimeText' 카테고리의 다른 글
서브라임 텍스트 플러그인 - JavaScript & NodeJs Snippet (0) | 2015.07.24 |
---|---|
서브라임 텍스트 플러그인 - SublimeREPL (0) | 2015.07.24 |
서브라임 텍스트 플러그인 - IMESupport (한글 입력 지원) (0) | 2015.07.14 |
서브라임 텍스트 플러그인 - Zen Coding (0) | 2015.07.14 |
서브라임 텍스트 플러그인 - Emmet cheat-sheet (0) | 2015.07.13 |