# Eclipse


## 플러그인

  * Color Theme : 코드 색상 변경
  * Moonrise : 프레임 색상 변경

## 색상변경

선택시 동일 변수 하이라이트 : Preferences - > General-> Editors -> Text Editors - > Anonotations - > Occurrences .....


## Eclipse 자주 사용하는 단축키

  * 자동 정렬 : Ctrl + Shift + F

## Eclipse 환경설정

### Show Line Numbers

  Window -> Preferences -> General -> Editors -> Text Editors -> Show line numbers.
  
## 이클립스 코드정렬에서 span 태그 정렬

이클립스에서 `Ctrl + Shift + f` 키를 눌러서 코드 정렬을 실행합니다.

```html
<span class="area-select"> <label for="count_1" class="sub-title">이름</label> <input type="text" title="이름 입력" id="name" name="name" class="sub-box">
</span> <span class="area-select"> <label for="count_2" class="sub-title">생년월일</label> <input type="text" title="생년월일 입력" placeholder="선택하세요" name="birth" id="birth" class="txt-calendar sub-box datepicker2">
	<button type="button" class="btn-calendar">달력</button>
</span> <span class="area-select"> <span class="sub-title">성별</span>
```

위와 같이 `span` 태그가 구분되지 않고 한줄에 나오는 경우 옵션을 수정합니다. 

## 옵션 수정

메뉴 Window -> Preferences -> Web -> HTML Files -> Editor 를 선택합니다. 

![](https://lh3.googleusercontent.com/-br7lFGZR70I/WVMPW7-JRnI/AAAAAAAAEFI/cZkwZV2CgR4igkZY3h0mnVMnLs1P3_dOwCHMYCw/s0/StrokesPlus_2017-06-28_11-07-24.png)

우측 Line width 의 값을 `999`로 수정합니다. (혹은 알맞은 수로 변경합니다. 한줄에 나오는 최대 문자열 수 입니다.)

inline Elements 에서 `span`을 선택한 후 `Remove` 버튼을 클릭하여 해당 태그를 제거합니다. 

이후 `Ctrl + Shift + f` 키를 눌러서 코드 정렬을 실행합니다.

```html
<span class="area-select">
	<label for="count_1" class="sub-title">이름</label> <input type="text" title="이름 입력" id="name" name="name" class="sub-box">
</span>
<span class="area-select">
	<label for="count_2" class="sub-title">생년월일</label> <input type="text" title="생년월일 입력" placeholder="선택하세요" name="birth" id="birth" class="txt-calendar sub-box datepicker2">
	<button type="button" class="btn-calendar">달력</button>
</span>
```

span 태그가 새 줄로 정렬되는 것을 확인 할 수 있습니다. 



## 출처 

- https://stackoverflow.com/questions/10298024/eclipse-html-editor-each-input-tag-on-the-new-line


{{tag>eclipse code formatting span tag}}