이비그치면

HTML beautifier/HTML formatter

자바스크립트가 실행되면서 만들어진 html code의 경우

html tag 쌍이 indent되어있지 않고 one line으로 죽 나열되어있어

보기가 어려워(가독성이 떨어져) 파악이 어려운 경우가 많다

다음 사이트를 이용하면 손쉽게 잘 정리된 

html code를 얻을 수 있다

http://www.cleancss.com/html-beautify/

다음과 같은 chm 파일 만들기에 대한 설명입니다

위그림의 실제 파일입니다

chmtest.chm

위파일을 만들기 위해선 먼저 html 파일이 필요합니다

간단한 테스트상황을 위해서 3개의 html파일만 이용하였습니다

먼저 메인 index 파일입니다(index.htm  )

그리고 content가 들어있는 파일입니다

Bar.html

Foo.html

이제 chm파일을 만들기위한 과정입니다

직접 테스해보실 분들은 루트폴더(c:\)밑에 chmtest 폴더를 만들고 다운받은 파일들을

거기에 위치시키고 하시면됩니다

1) HTML Help Workshop 설치

   먼저 html compiler 가 있어야합니다

   없는분은 다음에서 다운로드하여 구할수있습니다

   http://www.microsoft.com/downloads/details.aspx?familyid=00535334-c8a6-452f-9aa0-d597d16580cc&displaylang=en

2) 프로젝트파일(.hhp)과 목차파일(.hhc) 생성(HTML Help Workshop에서 사용)

- 프로젝트파일 ( chmtest.hhp  )

[Options]
Compatibility = 1.1 Or later
Compiled file=chmtest.chm
Contents file=chmtest.hhc
Default topic=c:\chmtest\index.htm
Display compile progress=No
Language=0x412 한국어(대한민국)
 
[Files]
Foo.html
Bar.html

- 목차파일 ( chmtest.hhc  )

파일을 다운받아보면 아래에 보여지는 코드와 다른부분이 있는데 이는 syntax highlighter가 제대로 적용되지않아 약간 수정한부분이 있습니다

3) html 컴파일

   - cd c:\chmtest
   - C:\chmtest>"c:\Program Files\HTML Help Workshop\hhc.exe" chmtest.hhp