0
Completed

TOC 지원

Jun Seop Lee 5 years ago • updated by Rhio Kim 4 years ago 5

너무 훌륭한 프로그램~ 공짜로 사용하기 민망하여 기부하고 오는 길입니다 ㅎㅎ


트위터에서도 바로바로 친절하게 답변해주셔서 정말 감사했어요. 주변인들에게도 많이 추천하고 있습니다. 


블로그를 오래하다보니 프로그래머 입장보다는 블로깅을 위한 에디터 사용자로서 제안하고 싶은 아이디어 몇 개만 적어볼게요. 


1) 에디터 화면에서 화면 확대/축소를 Ctrl + +/-(플러스,마이너스키) 또는 Ctrl + 마우스휠 등으로 지원. 


- 위 사항은 다음 업데이트에서 반영해주신다고 하셨습니다. ^^ 감사합니다. 




2) 일반 사용자 입장에서 html 이랑 CSS를 어느 정도 고쳐쓰기할 정도의 실력인데.. 하루패드의 커스텀 테마를 풀다운 메뉴에 추가하려면 어떻게 해야 하는지 설명을 봐도 모르겠습니다. LESS 가 뭔지도 잘 모르겠고 ㅠㅠ .. 


기존의 테마의 소스 보기가 프로그램 안에서 가능하고, 해당 소스의 일부를 고쳐쓰기 한 후 다른이름으로 저장하면 바로 프로그램 안에서 테마 선택 메뉴 안에 표기되는.. 방식은 불가능한가요? 한글 폰트를 나눔고딕/나눔코딩 폰트로 수정해서 사용하고 폰트의 색상과 크기 정도만 아주 살짝 수정하고 싶은데 너무 복잡하고, 기타 프로그램에서 사용자 환경설정을 다루는 플로우와 좀 다른 방식인 거 같아 당황스럽습니다. 


(프로그램의 기존 테마 파일이 CSS 확장명으로 있으리라고 기대하고 찾아보았지만 모르겠어요 ㅠㅠ 흑흑.. 초보도 테마 수정할 수 있게 도와주세요.)



3) TOC 방식의 지원을 원합니다. 


WriteMonkey의 경우 # , ## 가 들어간 문자열은 물론 넘버링, 코멘트, 북마크까지 사용자가 설정한 형식만 뽑아서 바로 점프할 수 있도록 팝업창을 관리할 수 있고, 


StackEdit 의 경우에는 다 빼고 # , ## 로 분류된 헤딩만 인덴트 넣어서 바로 TOC(Table of Contents)로 제공하고 있습니다. 


후자 정도의 기능이면 정말 좋을 것 같습니다. 현재 목차 보기는 기존 본문에서 블러처리하는 형식인데, 이미 마크다운 미리보기 창에서 글자 크기 등으로 스타일 된 제목이 있는데 그다지 효용을 모르겠습니다. 



# 큰 제목

   ## 소제목 1

   ## 소제목 2

       ### 분류 1

   ## 소제목 3



등등과 같이 작은 팝업이 제공되고 클릭하면 바로 스크롤 되어 해당지점으로 이동하는 방식이면 정말 유용하지 않을까 생각해요. 




4) SmartyPants 


제가 못 찾은 건지 모르겠는데 켜고 끄거나 수정할 수 있는 설정이 없는 게 맞나요? 워드프레스 이메일 포스팅의 경우 보통 ... 이메일 클라이언트에서 본문에 서명 형식으로 본문 말미에 내용을 넣어주는 경우가 많은데 이 서명 부분이 이메일 포스팅할 때 포함되면 상당히 어색하기 때문에 자동으로 제거하도록 하고 있습니다. 



그걸 아래와 같이


-- 

(하이픈 두 번에 스페이스 한 번 치고 엔터)


표시 이하에 나오는 걸 모두 포스팅에 반영하지 않는 방식으로 구현하는데요


하루패드에서 이메일 포스팅 전송 시 -- 이 큰 대시(─)로 처리되어 버리더군요. 




일단 이 정도인데 ^^ 꼭 반영해야 한다기보다는 검토만 해주셔도 저야 감사합니다. 


다음 버전은 언제쯤 만나볼 수 있을까요? 감사합니다!













+1

이미 내부적으로 테스트 중인 것도 있고 제안된 아이디어도 하루패드에 대부분 맞아 떨어지네요. 일부는 다음 릴리즈에 반영될 부분도 있구요.


좀 관련해서 좀더 자세히 읽어보고 답변드릴께요.  

0.8 릴리즈 준비 기간이라 답변은 아마 다음주 초쯤 될것 같습니다.

1. 폰트 확대 및 축소

* 에디터, 뷰어 별도로 폰트를 조절할 수 있도록 다음 버젼(v0.8.1)에 추가될 예정입니다.


2. 테마 기능

* 테마 기능은 전문가의 기술을 빌러 다양한 테마가 생산되고 그것들을 쉐어하고 판매할 수 있는 형태로 설계되었습니다. 물론 개인끼리 그냥 공유할 수도 있구요. 블로그에 테마를 구입해서 설치하듯이요.


현재 하루패드에 구현된 기능은 CSS 를 이용한 테마가 형태의 테마가 동작하기 위한 뼈대만 구현되어 있는 상태입니다. 앞으로도 직접 수정하는 방법은 현재 방식을 유지하고 향후 기능에서 워드프레스에 테마를 미리보면서 블로그 디자인을 변경하듯이 미리보기를 보면서 테마를 선택해 버튼 클릭한번으로 원하는 스타일을 이용할 수 있도록 할 계획입니다.


그리고 현재 메뉴얼을 다소 어렵게 작성되어 있을 수 있어 읽어보고 좀더 쉽게 접근할 수 있는 방법을 공유하는게 더 중요할 것 같습니다.


쉽게는 my-theme.css 파일을 생성하고 그 파일에 원하는 스타일을 입력하면 됩니다.

예를 들어 폰트 사이즈를 변경하고 싶다면


```css

  * {

  font-size: 20px;

  }

```


위의 내용을 my-theme.css 에 작성하고 해당 파일을 하루패드 뷰어 부분에 드래그 앤 드랍을 하면 바로 적용이 됩니다.  그런데 아마 적용되지 않았을 것입니다.


그건 하루패드 커스템 테마를 위한 한가지 룰이 있습니다.


```css

  .custom { }

```


무조건 .custom 이 접두사(prefix)로 있어야 합니다.

결과적으로 my-theme.css 파일의 내용은 아래와 같이 작성되고 저장 후 하루패드 뷰어에 드래그 드랍하시면 바로 적용됩니다.


```css

 .custom * {

   font-size: 20px;

 }

```


이렇게 작성된 테마 파일을 하나의 폴더에 몰아넣으세요.


```

C:\Dropbox\my-haroopad-themes

 - my-lovely-theme.css

 - my-wonderful-theme.css

 - ...

```


위와 같이 하루패드 테마 폴더를 하루패드 preference > custom 탭에서 위의 폴더를 지정해주시면 선택 옵션을 통해 my-lovely-theme, my-wonderful-theme 등을 선택해 사용할 수 있습니다.


드랍박스에 넣어두면 회사와 집에서 동일하게 자신만의 테마를 사용할 수 있겠죠?


> 드래그 드랍한 커스텀 테마는 해당 윈도우에만 반영되고 환경설정에서 지정한 테마의 경우에는 모든 윈도우에 적용됩니다.


3. TOC

TOC 는 알려주신 WriteMonkey 외 여러 앱, 서비스들을 참고해서 다각도로 제공할 예정입니다. 일차적으로는 헤딩을 통한 방식을 제공할 예정입니다.


4. SmartyPants

네 해당 옵션은 현재 사용할 수 없지만 향후 지원 계획에 있습니다.


1번은  v0.9 버젼에서 지원을 시작하였습니다.


3번의 TOC 기능은 v0.10 에 추가될 예정입니다.

TOC 기능은 v0.10 에 추가되었습니다.
별도의 레이어를 통한 해당 위치 찾아가기 기능은 v0.10.x 혹은 v0.11 에서 출시될 계획입니다.

Smartypants 옵션은 v0.11 에 추가될 계획입니다.
사용자 테마가 좀더 쉬운 UX 로 변경, 개선 되었습니다.
메뉴얼을 참고하세요.
http://pad.haroopress.com/page.html?f=customizing-...

Smartypants
v0.11 부터 지원합니다. 환경설정에 '마크다운' 탭에서 설정할 수 있습니다.
Answer
Completed