Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

마크다운 에디터 > 회원 자료실

본문 바로가기
사이트 내 전체검색

회원로그인

배너광고.

30 일간 포인트 Top 10

dawn
13,470 Point
둘리세상
13,060 Point
네로
11,790 Point
아파치
5,459 Point
불량학생™
5,377 Point
실황
3,199 Point
둠고프
3,050 Point
우라질
3,050 Point
가이더
1,804 Point
슈퍼7
1,790 Point

접속자집계

오늘
746
어제
1,850
최대
1,850
전체
170,030
배너광고.

회원 자료실

gnu5.4 마크다운 에디터

페이지정보

내용

**새롭게 하나의 파일로 올렸습니다.**

 

포인트는 4000점입니다. (매일 출석부, 매일 한글 하시면 15일후에 4000점 됩니다. 15일 개근 1000점, 출석부 100*15, 로그인 50*15, 글쓰기 50*15)

 

드디어 어느정도 쓸만한 버전이 되어서 공개를 합니다. (5.4에서 테스트 했지만 5.3도 동작될 것 같습니다.)

 

* 아미나 최신 버전에도 잘 동작합니다.(1.8.23)

 

다양한 마크다운 에디터가 있지만,  우연히 발견하게 된 중국 커뮤니티의 마크다운 에디터입니다.

(현재 사용되고 있는 마크다운 엔진도 이분들이 만든것입니다.  https://github.com/b3log/lute  속도 때문에 이전에 사용하던

markdown-it https://github.com/markdown-it/markdown-it  를 교체한 것입니다.)

 

https://github.com/b3log/vditor

 

기능은

 

1. 악보 (https://github.com/paulrosen/abcjs)

2. 차트 (https://github.com/apache/incubator-echarts)

3. UML (https://github.com/knsv/mermaid)

4. 수식 (https://github.com/KaTeX/KaTeX)

5. 그외에 GFM (github.com 과 같은) 스펙 https://github.github.com/gfm/ 

    CommonMark https://commonmark.org/ 

6. 커스텀 이모티콘  (라이센스 문제가 있을 것 같아서 코드에서 뺍니다.  쉽게 넣을 수 있습니다.)

 

방식은 마크다운에디터 > 텍스트로 DB에 저장 > Viewer에서 다시 마크다운으로 컨버전하는 형태입니다.

 

그래서 첨부 파일을 풀어서  plugin/editor/vditor과.  theme/basic-md 로 카피하시고..  그냥 덮어씌우세요.

 

head.sub.php에서 index.classic.css나 index.dark.css 중 하나를 선택하세요

 

관리자에서 테마설정을 basic-md로 하고..

 

게시판을  (테마)basic-md 로 하시고 dhtml 에디터 사용을 체크해 주시면 됩니다.

 

현재 wr_options에는 html1, html2, mail, secret만 지원이 되고 윗단에서 처리를 못하니. (wr_options에 markdown 이나 text 옵션이 있으면 좋을 것 같습니다.)

 

안되는 옵션은 <웹사이트주소> 입니다. HTML태그인줄 알고 지우는 것 같습니다. 

대신에 [웹사이트 주소](웹사이트 주소)를 쓰시면 됩니다.

 

그리고 카카오톡 이모티콘은 emojiOptions.js에 넣으시면 됩니다.

 

간단하게 코드 설명입니다.

write.skin,php는 editor를 불러와서 넣어줍니다. 모든 코드는가 editor 디렉토리안에 있는 것은 다른 에디터와 같습니다.

그런데 마크다운은 WYSIWYG가 아니라서 $content가 텍스트로 저장됩니다.

 

이것을 불러올때 (view.skin.php)에서 잽싸게 컨버전을 해야 됩니다.

그래서 아래처럼 관련  js와 css를 head.sub.php에 넣어주고

 

head.sub.php

[code]

<link rel="stylesheet" href="<?php echo G5_EDITOR_URL ?>/vditor/vditor/dist/index.classic.css">

<link rel="stylesheet" href="<?php echo G5_EDITOR_URL ?>/vditor/vditor/dist/index.dark.css">

<script src="<?php echo G5_EDITOR_URL ?>/vditor/vditor/dist/index.min.js"></script>

<script src="<?php echo G5_EDITOR_URL ?>/vditor/editorOptions.js"></script>

[/code]

 

아래와 같이 텍스트를 마크다운으로 변경시켜주는 JS를 추가해 준것 입니다.

view.skin.php

[code]

<script>

Vditor.preview(document.getElementById('bo_v_con'), {

    customEmoji : emojiOptions,

})

</script>

[/code]

 

추가로 필요한 기능은

1. 일반 에디터처럼 getHTML()기능 필요: 이것은 연말쯤 되면(2.0) WYSIWYG가 나올때까지 기다려 보기로

2. 다른 블로그 처럼 앞의 내용 조금 보여주는 기능  (다른 쪽은 별도로 summary 같은 Field로 처리)

3. 냑 테마중 블로그용이 몇개 있던데..  이것도 적용된 블로그가 나오면 좋을 것 같습니다.

4. TOC라고 마크다운의 헤딩 부분만 별도로 보여주는 기능이 있는데.. 이 기능은 그누보드를 잘 아시는 분이

5. atjs기능

 

Keyboard shortcuts

editor

@Username auto-complete
:Emoticon auto-completion
ctrl e/ ⌘ e common emoticons
ctrl h/ ⌘ h headline cue
ctrl b/ ⌘ b bold
ctrl i/ ⌘ i italic
ctrl s/de- ⌘ s serial
ctrl shift d/ ⌘ ⇧ d split line
ctrl ./ ⌘ . reference
ctrl l/ ⌘ l unordered list
ctrl o/ ⌘ o ordered list
ctrl j/ ⌘ j task list
ctrl u/ ⌘ uco de block
ctrl g/ ⌘ g inline code
ctrl z/ ⌘ z undo
ctrl y/ ⌘ y restore
ctrl k/ ⌘ k link
ctrl m/ ⌘ m Table
ctrl p/ ⌘ p Preview Edit Mode Switch
ctrl '/ ⌘ ' Full Screen Edit Mode Switch
ctrl enter/ ⌘ enter Submit
ctrl shift d/ ⌘ ⇧ d Copy Current Line or Selected Content
ctrl Backspace/ ⌘ Backspace Delete Cursor Line or Selected Line

 

좋아요 4

첨부파일

댓글목록

마젠토 의 댓글의 댓글

마젠토 쪽지 보내기 메일보내기 프로필 포인트 선물 아이디로 검색 전체게시물 us 본문 글쓴이 IP (47.♡.30.2) 날짜

내일 다시 해 놓겠습니다.  그런데 댓글이 있으면 본문글 수정을 못하네요.. 아 예 다시 올려야 되겠네요.

불량학생™ 의 댓글

불량학생™ 쪽지 보내기 메일보내기 프로필 포인트 선물 아이디로 검색 전체게시물 kr IP (175.♡.47.145) 날짜

좋은 자료를 올려주셨군요.
찬송가나 복음성가 등록해 놓으면 사용하기 좋을 것 같습니다.

둘리세상 의 댓글

no_profile 둘리세상 쪽지 보내기 메일보내기 프로필 포인트 선물 아이디로 검색 전체게시물 kr IP (121.♡.171.164) 날짜

허~~~억~~ 포인트인지 모르고 그냥 다운로드 눌렀는데 4000점이  ㅎㅎ 그이상의 값어치가 있어요.^_______^

아파치 의 댓글의 댓글

아파치 쪽지 보내기 메일보내기 프로필 포인트 선물 아이디로 검색 전체게시물 us IP (174.♡.2.130) 날짜

어이쿠!!! 게시자에게 포인트 주는 기능을 설정 안했네요....이룬~~~
시간 날때 적용하고 쪽지 드리겠습니다.

마젠토 의 댓글의 댓글

마젠토 쪽지 보내기 메일보내기 프로필 포인트 선물 아이디로 검색 전체게시물 us 본문 글쓴이 IP (47.♡.30.2) 날짜

예.  다 들어 왔습니다.  조금 제하고 들어 오는 것 아닌가요?  세금을 내야 되는데..

총 2 건 , 1 페이지
GNUBOARD_M
Copyright © 아파치존. All rights reserved.