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

[다운 x]마크다운 에디터 > MEMBER PDS

본문 바로가기

사이트 내 전체검색

뒤로가기 MEMBER PDS

플러그인 [다운 x]마크다운 에디터

본문

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

 

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

 

추천5

댓글목록 34

웹지기님의 댓글

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

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

마젠토님의 댓글의 댓글

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

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

웹지기님의 댓글의 댓글

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

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

마젠토님의 댓글의 댓글

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

수정해서 올려 놨습니다.

불량학생™님의 댓글

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

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

마젠토님의 댓글의 댓글

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

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

둘리세상님의 댓글

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

좋은 자료입니다. ^^

둘리세상님의 댓글

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

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

마젠토님의 댓글의 댓글

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

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

마젠토님의 댓글

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

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

아파치님의 댓글의 댓글

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

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

웹지기님의 댓글의 댓글

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

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

마젠토님의 댓글의 댓글

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

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

홀민님의 댓글

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

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

마젠토님의 댓글의 댓글

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

몇점 안남았습니다.

홀민님의 댓글의 댓글

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

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

선구자님의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (116.♡.♡.11) 작성일

지난 번 포경 담첨되어서
해당 파일 있는데

저도 5.4로 업그레이드 한김에
이것도 적용해 보아야 겠어요
감사합니다.

마젠토님의 댓글의 댓글

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

필요하시면 새로운 버전 보내드리겠습니다.  현재 2.3.0 이고

docker.apachezone.com test 에서 테스트 가능합니다.  (WYSIWYG 스타일)..

현재 버전은 3.0대로서 typora 스타일입니다.
그 다음으로 개인적으로 원하는 것은 모바일용으로 Floating menu인데..  이것까지 될지는 모르겠습니다.

선구자님의 댓글의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (116.♡.♡.11) 작성일

네네  보내주시면 감사합니다^^


https://computist.me/mb_basic/write

여기에 설치했어요~

abcjs가 미리보기랑 실제 글쓴글 보기에서
악보가 잘 표현되지 않네요

위 주소에서 테스트한다음
https://muzia.net
에 적용하려고요

거듭 감사드립니다~

선구자님의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (116.♡.♡.11) 작성일

마젠토님 안녕하세요
마크다운 에디터 설치했는데
좀더 상황을 지켜보도록 하겠습니다.
감사합니다.

https://computist.me/mb_basic/3

선구자님의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (116.♡.♡.11) 작성일

마젠토님
아래의 사이트에서 마크다운 테스트 하고 싶은데
회원가입이 막혀있어요^^;;

https://docker.apachezone.com/

마젠토님의 댓글의 댓글

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

https://docker.apachezone.com/bbs/board.php?bo_table=test 가입안해도 되는 게시판입니다.

선구자님의 댓글의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (116.♡.♡.11) 작성일

감사합니다
완성작이 기대 됩니다~

화면 분할 되서
왼쪽은 에디터  | 우측은 미리보기
는 없어진 것인가요?

마젠토님의 댓글의 댓글

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

그것은 옵션으로 처리 가능합니다.
1. WYSIWYG mode (현재 위의 test 게시판)
2. Typora style WYSIWYG mode
3. Markdown mode
4. Markdown+preview (both) mode

선구자님의 댓글의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (183.♡.♡.47) 작성일

혹시 실례가 되지 않는다면
최신 수정하신 버전
제 홈페이지 적용해볼수 있을까요?

마젠토님의 댓글의 댓글

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

내일 만들어 보겠습니다.  저도 몇가지 업데이트되는 것을 기다려 보고 있는중입니다. (2번)
제 사이트에 있는 것은 WYSIWYG 버전입니다. (1, 3, 4번)

선구자님의 댓글의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (183.♡.♡.47) 작성일

넵 감사합니다~
멋진 하루 되세요

마젠토님의 댓글의 댓글

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

몇일만 더 기다려 주세요..  현재 거의 테스트가 끝나갑니다.

선구자님의 댓글의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (116.♡.♡.11) 작성일

넵 감사합니다^^

마젠토님의 댓글의 댓글

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

파일을 보냈는데,  약간의 버그가 있네요.  펑션 하나가 새버전에서 동작이 안되면서 수정시에 내용을 제대로 못넣어주세요.

설치하면 글 쓰는 것은 테스트가 가능합니다.

선구자님의 댓글의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.♡.65) 작성일

넵 감사합니다
지금 아내랑 산책중이라
집 도착하면
확인하겠습니다

불금되세요
감사합니다

imerong님의 댓글

no_profile imerong 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (218.♡.♡.244) 작성일

활동하는 만큼 혜택을 받는 선순환구조네요. 아무튼 볼게 많다는게 좋습니다. 원하는 것도 얻어갈 수 있겠죠. 이렇게 한 포인트 얻고 갑니다.

후일라님의 댓글

no_profile 후일라 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (210.♡.♡.69) 작성일

이때는 포인트가 낮았네요ㅠㅠ

고니고니님의 댓글

no_profile 고니고니 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (182.♡.♡.130) 작성일

포인트가 모자라서 못받네요
화이팅~~

전체 10건 1 페이지
게시물 검색
Copyright © apachezone.com. All rights reserved.

사이트 정보

사이트명 : apachezone.com
개인정보관리책임자 : JOO SUNG

PC 버전으로 보기