| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
HTML beautifier/HTML formatter
자바스크립트가 실행되면서 만들어진 html code의 경우
html tag 쌍이 indent되어있지 않고 one line으로 죽 나열되어있어
보기가 어려워(가독성이 떨어져) 파악이 어려운 경우가 많다
다음 사이트를 이용하면 손쉽게 잘 정리된
html code를 얻을 수 있다
| chm 좌측 부분(TOC) tree menu로 구성하기 (0) | 2014.08.30 |
|---|
다음과 같은 chm 파일 만들기에 대한 설명입니다
위그림의 실제 파일입니다
위파일을 만들기 위해선 먼저 html 파일이 필요합니다
간단한 테스트상황을 위해서 3개의 html파일만 이용하였습니다
먼저 메인 index 파일입니다(
index.htm )
그리고 content가 들어있는 파일입니다
이제 chm파일을 만들기위한 과정입니다
직접 테스해보실 분들은 루트폴더(c:\)밑에 chmtest 폴더를 만들고 다운받은 파일들을
거기에 위치시키고 하시면됩니다
1) HTML Help Workshop 설치
먼저 html compiler 가 있어야합니다
없는분은 다음에서 다운로드하여 구할수있습니다
2) 프로젝트파일(.hhp)과 목차파일(.hhc) 생성(HTML Help Workshop에서 사용)
- 프로젝트파일 ( chmtest.hhp )
1 2 3 4 5 6 7 8 9 10 11 | [Options]Compatibility = 1.1 Or laterCompiled file=chmtest.chmContents file=chmtest.hhcDefault topic=c:\chmtest\index.htmDisplay compile progress=NoLanguage=0x412 한국어(대한민국) [Files]Foo.htmlBar.html |
- 목차파일 ( chmtest.hhc )
파일을 다운받아보면 아래에 보여지는 코드와 다른부분이 있는데 이는 syntax highlighter가 제대로 적용되지않아 약간 수정한부분이 있습니다
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | <!--Sitemap 1.0--><ul><li> <obj type="text/sitemap"> <param name="Name" value="FooBar"> <param name="Local" value="index.htm"> <param name="ImageNumber" value="1"> </obj> </li> <ul> <li><obj type="text/sitemap"> <param name="Name" value="Foo Directory"> <param name="Local" value="index.htm"> <param name="ImageNumber" value="5"> </obj> </li> <ul> <li><obj type="text/sitemap"> <param name="Name" value="Topic1"> <param name="Local" value="Bar.html"> <param name="ImageNumber" value="11"> </obj> </li> <li><obj type="text/sitemap"> <param name="Name" value="Topic1"> <param name="Local" value="Foo.html"> <param name="ImageNumber" value="11"> </obj> </li> </ul> </ul> <ul> <li><obj type="text/sitemap"> <param name="Name" value="Bar Directory"> <param name="Local" value="index.htm"> <param name="ImageNumber" value="5"> </obj> </li> <ul> <li><obj type="text/sitemap"> <param name="Name" value="Topic1"> <param name="Local" value="Bar.html"> <param name="ImageNumber" value="11"> </obj> </li> <li><obj type="text/sitemap"> <param name="Name" value="Topic1"> <param name="Local" value="Foo.html"> <param name="ImageNumber" value="11"> </obj> </li> </ul> </ul></ul> |
3) html 컴파일
- cd c:\chmtest
- C:\chmtest>"c:\Program Files\HTML Help Workshop\hhc.exe" chmtest.hhp
| 압축된 HTML 코드 보기좋게(들여쓰기와 line break되어) 만들기 (0) | 2017.01.19 |
|---|
