포럼
xe 공모전 마크다운 컴포넌트를 소개합니다.
2015.01.29 16:21
안녕하세요. 다른 CMS들의 마크다운 입력기가 부러워서 직접 만들어보았습니다.
마크다운 입력 컴포넌트
시기가 좋아서 공모전에도 출품하게 되었네요.
제가 미적 감각이 매우 떨어져서 많이 누추한데 많은 조언 주시면 감사하겠습니다.
검은 입력창에 마크다운을 입력하면 미리보기가 가능합니다.
에디터에는 마크다운 원문이 입력되어서 직접 수정하실 수 있습니다.
문서를 열람하면 마크다운을 HTML로 해석하여 출력합니다.
UI관련되어 많은 의견 주시면 감사하겠습니다.
ps. 에디터 컴포넌트 제작 메뉴얼이 없어서 그런지 다른 CMS보다 에디터는 부족한 점이 많은 것같네요. 저라도 발벗고 나서야겠습니다.
댓글 12
-
Dingsoft
2015.01.29 16:35
-
misol
2015.01.29 16:39
우와 좋네요! -
멋지네요.
-
멋져요!
-
우와 멋집니다!
-
멋지네요...^^ 좋은 자료 감사합니다.
혹시 표도 가능할까요. | 제목 | 제목 | 제목 | 제목 | 이런식으로 표현되는 표가 만들어지면 좋을듯합니다.
정말 필요한 것이였는데 이렇게 만들어 주셔서 다시 한번 감사드립니다.
-
zfanta
2015.01.31 17:02
찾아보니 표는
| First Header | Second Header | Third Header |
| :------------ | :-----------: | -------------------: |
| First row | Data | Very long data entry |
이런식으로 만드시면 마크다운이 해석해준다고 합니다.
-
아 마크다운은 다 되는군요...테스트 해보고 올려야 햇는데 죄송했습니다. ^^ 좋네요...
-
HN마루
2015.02.01 23:01
마크다운 문법 중에서
기울기 적용하는 *내용* 이랑 주석 입력하는 내용[^1] 이 안먹히는것 같은데 다른 분들은 잘 되시는지 궁금하네요...
-
저도 현재 특정 태그가 적용이 안되고 있습니다.
제가 확인한 코드는 아래와 같네요.
### 문서에 들어가기 전에...
> 본 문서는 컨텐츠에 대한 문서입니다.
>
> 2015년 1월 29일 기준으로 작성되었습니다.
미리보기시 정상적으로 나오지만 실 등록시 적용이 안되고 있습니다. -
HN마루
2015.02.02 07:39
> 로 이용하는 인용문구 삽입은 저 역시도 같은 현상이네요.. 미리보기에서 제대로 나오길래 되는줄 알았더니 안나오는중....
그리고 코드 블럭(~~~~) 안에 > 를 넣으면 > 로 깨져서 나옵니다.
+ 리스트 작성 중에 리스트 사이에 한 줄 공백을 넣으면 원래 리스트가 분리가 되어야 하는데 이것도 안되는군요.
-
zfanta
2015.02.02 10:47
@HN마루 @키스투엑스이 리스트 문제와 *강조* 문제는 사용하는 라이브러리에 문제가 있는 것같습니다.
미리보기와 다르게 나오는 것은 CSS누락이 원인인 것을 확인했고 곧 패치를 진행하겠습니다.
버그 리포팅 감사합니다.
괜찮네요 !