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

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

· 6년 전 · 6537 · 11
에디터.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개

10개월 전

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

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