테스트 사이트 - 개발 중인 베타 버전입니다

editor.md(마크다운 에디터)

에디터.PNG

1028804392_1568648310.2764.png

 

1028804392_1568648218.0622.png

 

저번에 올렸던 마크다운에디터와는 다른 마크다운 에디터입니다.

 

여타 기본적으로 마크다운 에디터와 크게 다를바 없으며,

이미지 업로드 부분에 fineuploder을 넣어서 드래그앤 드롭으로 파일을 여러개 업로드 할 수 있도록 수정하였고

 

위의 그림과 같이

%%youtube

주소

%%

로 유튜브 링크도 편하게 넣을 수 있도록 수정해놓았습니다만 아직 제대로 디버깅 된것이 아니라 

 

업로드나 유튜브쪽에서 일부 문제가 발생 할 수 있습니다.

메뉴도 한글화 해놓았습니다만 빠르게 발번역한거라 오역이 있을 수 있습니다.

반응형 에디터입니다.

 

https://pandao.github.io/editor.md/en.html

에 가시면 해당 마크다운에디터가 지원하는 기능들을 알아볼 수 있습니다.

 

설치방법은 일반 에디터와 같으나

 

추가로

마크다운 문법에 따른 해석이 view페이지에서 필요하게 되어 view.skin.php파일도 수정해주셔야 합니다.

 

초보자도 사용하기 쉽게 함수화 해놓았습니다.

 

view.skin.php

 

[code]

<?php

if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);

?>

[/code]

부분을 아래와 같이 수정

[code]

<?php

if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once(G5_LIB_PATH.'/thumbnail.lib.php');

include_once(G5_EDITOR_LIB);

$view['content'] = editormd_view($view['wr_content'],"bo_v_con");

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

add_stylesheet('<link rel="stylesheet" href="'.$board_skin_url.'/style.css">', 0);

?>

[/code]

 

제작과 테스트는 5.4환경에서 되었으나 그 이하의 버전에서도 사용하는데 문제가 없을거라 생각됩니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 11개

대단하네요 공개해 주셔서 감사합니다.
너무감사해요!
감사합니다
이 에디터의 특징은 사용하는 os에 따라서 자동으로 언어가 나오는지요?
언어.js파일을 따로 지원하고 있기 때문에 접속자의 브라우저의 언어를 파악하여 변환하는건 쉽게 가능할 것으로 보입니다
나중에 혹시 자동변환이 되면 알려주세요 ^^ 저는 실력이 안되서요
감사합니다
감사합니다. 덕분에 저도 하나 만들었습니다. 많은 분들이 마크다운에디터를 사용하면 좋을 것 같습니다.
감사합니다.
이 소스 덕분에 마크다운 드디어 사용 할수 있어 좋아요!!!
따로 ci4에다가 접목 시켰더니 몇가지 버그 수정 다 하고 이식 하니까 잘돌아가요
대신에 이모티콘은 에러가 나긴한데.. 뭐 쓸 생각은 없어서..

금방 적용 잘되서 쓰기,보기 깔끔하게 잘 됩니다!

수정화면에서 <br>나오는것 안나오게 하려면 어떻게 해야하나요?

게시판 목록

그누보드5 플러그인

그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.
글쓰기
🐛 버그신고