BLOG main image
분류 전체보기 (313)
교육 (13)
NEIS (6)
Edufine (0)
Programmer (5)
Android Programming (1)
Internet W3 (18)
JAVA Programming (9)
JSP/Servlet (1)
Framework (7)
Spring For Beginner (4)
eGovFrame (10)
MEAN Stack (2)
NodeJS (5)
SublimeText (30)
SublimeText_Tips (18)
Eclipse (16)
JavaScript (8)
jQuery (12)
jQuery_tips (1)
Ajax (3)
DWR(Direct Web Remote) (4)
JSON(JS Object Notation) (4)
Oracle (2)
MySQL (28)
OS (16)
Download (3)
Life (10)
Favorit Site (1)
Books (2)
Healthy (1)
Stocks (1)
HTML5/CSS (1)
Python (4)
Security (7)
CISSP (0)
Ruby On Rails (5)
일기장 (0)
영어 교과서(중2) (3)
알고리즘 (0)
Go Lang (3)
VB 2010 (12)
C# (1)
정보보안기사(네트워크보안) (0)
업무 활용 엑셀 (11)
틈틈이 활용팁 (14)
하루 하루 살아가며 ……. (2)
기술 (1)
파이썬 & 데이터분석 (1)
Visitors up to today!
Today hit, Yesterday hit
daisy rss
tistory 티스토리 가입하기!
2015. 7. 14. 17:08

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

반응형