1.구문강조를 실행한다.(구문강조를 실행할 코드언어 타입을 선택할수 있다.)
- Auto Code-width 가 체크되었을경우 엘리먼트의 가로폭이 100%로 조정되며 그렇지 않을경우 직접 크기를 설정할수 있다.
2. Third-Party로 제공되는 Code Compressor 이다.이것은 주로 JS의 코드압축에 사용될 수 있다.
JS같은경우 코드에 주석이 사용되거나 공백등 불필요한 코드가 사용되면 이게 다 기본 용량에 포함되기 때문에 코드용량증가로
인해 전체 웹페이지 로딩에 영향을 미치게 된다.
따라서 본 Code Compressor를 실행하면 불필요한 모든 주석 및 공백(스페이스,불바꿈,탭)을 제거하여 코드용량을 최적화 할 수 있다.
Regular/Hightest의 두가지 옵션에서 Hightest는 코드 최적화를 극대화하는것으로 코드블럭까지 포함시킨다.
※include shell (php같은 코드의 경우 #이 주석문으로 사용되는데 이 #을 주석문에 포함시킬지 여부를 결정한다.
3. 환경설정을 실행한다.
4. 코드언어설정을 선택한다.(현재 AS/JS/PHP/HTML이 지원되고 있다. 향후 버젼업에서 사용자가 직접 코드를 추가할수 있도록 개선할 예정이다.)
5. 입력필드의 폰트를 선택한다.6. 입력필드의 폰트컬러를 선택한다.7. 입력필드의 폰트크기를 적용한다.8. 출력필드(최종 결과 코드)의 폰트를 선택한다. (이것으로 전체 코드구문강조의 폰트를 변경할 수 있다.)
9. 툴팁표시를 더이상 하지 않는다.10. 현재 코드언어 설정에 저장된 키워드를 선택한다. (keyword1,2로 구분되어 있다. 이는 일반적으로 각 언어에서 사용된 기본문법 구문과 클래스의 구분으로 생각해볼수 있다.)
현재 디폴트로 모든 키워드가 대부분 적용되어 있다.
(AS의 경우 3.0에 포함된 모든 상수,속성,메소드,클래스등이 포함되어있다.)
11. 현재 등록된 키워드의 갯수를 표시한다.12. 키워드 편집을 위한 메뉴로 직접 추가 키워드를 추가하거나 삭제할수 있다.
(키워드 추가/삭제는 , 를 구분자로 구분하여 일괄 적용할 수 있으며 중복 키워드일경우 안내 메세지가 표시된다.)
13. 실제 구문강조의 레이아웃에 적용될 컬러셋팅을 적용한다. (이것은 최종 결과코드의 레이아웃 컬러에 영향을 미치게된다.)
14. 실제 구문강조를 위한 각 키워드, 스트링, 주석문에 대한 코드강조 색상을 적용한다. (이것은 최종 결과코드의 구문강조 색상의 표현에 영향을 미친다.)
15. 구문강조시 주석문에 대해 이탤릭 스타일을 적용할 지 여부이다.16. 구문강조시 키워드에 대해 굵게 표시할지 여부이다.17. 실제 최종결과코드의 구문강조 Element의 백그라운드에 사용될 이미지를 적용한다. 이것으로 코드백그라운드에 패턴을 적용할 수 있다.
-만약 test.gif를 백그라운드 패턴 이미지로 사용했다면 실제 출력된 소스에 다음처럼 표시가 된다.
BACKGROUND-IMAGE: url(test.gif); 18. 실제 최종결과 코드의 구문강조 엘리먼트에 대한 css Name을 적용한다.
이를 통해 좀더 커스터마이징 가능한 확장성을 가질 수 있다.
- 만약 Test라는 cssName을 적용했다면 실제 출력된 소스에는 다음처럼 className이 적용된다.
className = 'Test'19. 구문강조 설정 복구옵션 키워드 추가나 컬러셋팅등이 맘에 안들거나 초기설정(제작시에 미리 포함된 키워드 및 설정)으로 되돌리고자 할때
사용될 수 있다.
20. 컨트롤 패널을 숨긴다. (모니터 해상도가 작을경우 결과코드를 확장하기 위해 사용 될수 있다.)
21. 코드압축기 및 구문강조 실행시 처리결과를 안내한다. -
wysiwyg / 구문강조의 처리결과를 미리보기형태로 볼수 있으며 select code 버튼을 클릭할경우 Copy&Paste를 용이하게 하도록
전체 코드블럭에 대한 selection을 적용 할 수 있다.
-
html / 처리결과에 대한 최종 결과 코드를 HTML코드형태로 제공하고 있다.
이코드를 복사하여 wysiwyg 방식이 적용되지 않는 html코드 편집에 paste하여 최종 코드구문강조를 완성할 수 있다.
22. 최종구문강조에서 전체 창으로 코드를 볼수 있다.