Enjoy Development

지식관리, 메모장, 기억저장소, 참고자료, ...

Windows Notepad++을 이용한 문법강조 HTML 생성

2014.02.07 16:38 | 조회 수 : 185990

Notepad++에서 NppExport 플러그인을 이용하면 쉽게 HTML을 만들어낼 수 있다.

       

Notepad++ > 플러그인 > NppExport (v0.2.8)

  • Export To RTF
  • Export to HTML
  • Copy RTF to clipboard
  • Copy HTML to clipboard
  • Copy all formats to clipboard

       

원노트에 붙여넣기에서의 문제 - 현상

Copy all formats to clipboard를 이용하면 파일 저장없이 HTML코드가 클립보드에 저장된다.

MS워드를 실행하고 붙여넣기하면 제대로 보여지는데 원노트에서 붙여넣기하면 공백, 줄바꿈이 적용되지 않아 소스 전체가 한 줄로 붙어버리는 문제가 있다.

       

원노트에 붙여넣기에서의 문제 - 해결방법

방법1) Copy all formats to clipboard > MS워드 붙여넣기 > MS워드에서 복사 > 원노트 붙여넣기

번거로운 방법이지만 제대로 작동한다.

       

방법2) 찾는 중...

       

원노트에 붙여넣기에서의 문제 - 원인 분석 및 해결 방안 (미완료)

원인 분석

문법강조 HTML 소스를 분석해보니 공백, 줄 바꿈 등을 "white-space:pre" 스타일 속성으로 사용하고 있는데 워드에서는 white-space 속성이 적용되는 반면에 원노트에서는 white-space 속성이 적용되지 않아 공백, 줄 바꿈이 사라지고 있는 것이다.

해결 방안

"워드에 붙여넣기 -> HTML 파일로 저장 -> HTML 열기 -> 복사 -> 원노트 붙여넣기" 이렇게하면 원노트에서도 제대로 보여진다.

워드에서 만든 HTML 파일을 보니 소스가 많이 복잡하다.

NppExport에서 HTML로 저장하고 아래와 같이 수정 후 HTML을 원노트에 붙여넣기하니까 제대로 보여진다.

  • HTML 파일로 저장한다. (Copy to HTML)
  • NPP에서 HTML 파일을 열어 다음과 같이 수정한다.
    • 소스를 감싸고 있는 <div> 태그의 스타일에서 white-space 속성 삭제
    • <span class="sc??">~</span> 태그사이에서
      • 공백 문자를 &nbsp;로 치환
      • 줄 바꿈 문자를 <br/>로 치환
  • 브라우저에서 HTML 파일을 연다.
  • 전체 복사 후 원노트에 붙여넣기

NppExport에서 만드는 HTML을 변경하면 해결 될 것 같다.

방법은?? 찾는 중………….

       

관련 사이트

Powered by EnjoyDev | Xpress Engine | DNS Powered by DNSEver.com