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

마크다운 에디터 > MEMBER PDS

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

MEMBER PDS

마크다운 에디터

페이지 정보

본문

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

 

포인트는 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

첨부파일

댓글목록

profile_image

웹지기님의 댓글

웹지기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (24.♡.202.154) 작성일

용량 수정 했습니다. 재업로드 해보세요.

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.30.2) 작성일

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

profile_image

웹지기님의 댓글의 댓글

웹지기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (24.♡.202.154) 작성일

수정해 두엇씁니다. ^_^

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.30.2) 작성일

수정해서 올려 놨습니다.

profile_image

불량학생™님의 댓글

불량학생™ 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (175.♡.47.145) 작성일

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

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.30.2) 작성일

midi 까지 플레이 되게 하면 좋을 것 같습니다.

profile_image

둘리세상님의 댓글

둘리세상 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (121.♡.171.164) 작성일

좋은 자료입니다. ^^

profile_image

둘리세상님의 댓글

둘리세상 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (121.♡.171.164) 작성일

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

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.30.2) 작성일

4000포인트 이상의 값어치가 되셨으면 합니다.

profile_image

마젠토님의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.30.2) 작성일

@웹지기 둘리세상님이 다운로드 받으셨는데,  회원자료실 포인트는 안주나요?

profile_image

아파치님의 댓글의 댓글

아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (174.♡.2.130) 작성일

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

profile_image

웹지기님의 댓글의 댓글

웹지기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (24.♡.202.154) 작성일

웹지기로 다운 받았는데 포인트 들어 갔나요?

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.30.2) 작성일

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

profile_image

홀민님의 댓글

no_profile 홀민 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (58.♡.179.158) 작성일

캬..좋아요 좋아요 빨랑 출석해야게써욤.

profile_image

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 us 아이피 (47.♡.30.2) 작성일

몇점 안남았습니다.

profile_image

홀민님의 댓글의 댓글

no_profile 홀민 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 kr 아이피 (58.♡.179.158) 작성일

이제 출석 몇번만 하면 ㅎㅎㅎ

Total 2건 1 페이지

검색

회원로그인

회원가입

30 일간 포인트 Top 10

몽당연필
16,560 Point
아파치
15,920 Point
무와보
15,010 Point
네로
11,110 Point
불량학생...
10,640 Point
가이더
10,390 Point
dawn
10,190 Point
삼도수군...
7,030 Point
워헷또
6,000 Point
둠고프
3,970 Point
dnsever. dnszi. nojapan.

사이트 정보

포인트 정책
포인트 순위
사이트명 : 아파치존
개인정보관리책임자 : JOO SUNG

접속자집계

오늘
804
어제
907
최대
1,850
전체
237,685
Copyright © apachezone.com. All rights reserved.