editor.md(마크다운 에디터) 정보
editor.md(마크다운 에디터)관련링크
첨부파일
본문
저번에 올렸던 마크다운에디터와는 다른 마크다운 에디터입니다.
여타 기본적으로 마크다운 에디터와 크게 다를바 없으며,
이미지 업로드 부분에 fineuploder을 넣어서 드래그앤 드롭으로 파일을 여러개 업로드 할 수 있도록 수정하였고
위의 그림과 같이
%%youtube
주소
%%
로 유튜브 링크도 편하게 넣을 수 있도록 수정해놓았습니다만 아직 제대로 디버깅 된것이 아니라
업로드나 유튜브쪽에서 일부 문제가 발생 할 수 있습니다.
메뉴도 한글화 해놓았습니다만 빠르게 발번역한거라 오역이 있을 수 있습니다.
반응형 에디터입니다.
https://pandao.github.io/editor.md/en.html
에 가시면 해당 마크다운에디터가 지원하는 기능들을 알아볼 수 있습니다.
설치방법은 일반 에디터와 같으나
추가로
마크다운 문법에 따른 해석이 view페이지에서 필요하게 되어 view.skin.php파일도 수정해주셔야 합니다.
초보자도 사용하기 쉽게 함수화 해놓았습니다.
view.skin.php
<?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);
?>
부분을 아래와 같이 수정
<?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);
?>
제작과 테스트는 5.4환경에서 되었으나 그 이하의 버전에서도 사용하는데 문제가 없을거라 생각됩니다.
!-->!-->
추천
6
6
댓글 전체
대단하네요 공개해 주셔서 감사합니다.
너무감사해요!

감사합니다
감사합니다
이 에디터의 특징은 사용하는 os에 따라서 자동으로 언어가 나오는지요?
이 에디터의 특징은 사용하는 os에 따라서 자동으로 언어가 나오는지요?
언어.js파일을 따로 지원하고 있기 때문에 접속자의 브라우저의 언어를 파악하여 변환하는건 쉽게 가능할 것으로 보입니다
나중에 혹시 자동변환이 되면 알려주세요 ^^ 저는 실력이 안되서요
감사합니다
감사합니다

감사합니다. 덕분에 저도 하나 만들었습니다. 많은 분들이 마크다운에디터를 사용하면 좋을 것 같습니다.

감사합니다.
감사합니다.

이 소스 덕분에 마크다운 드디어 사용 할수 있어 좋아요!!!
따로 ci4에다가 접목 시켰더니 몇가지 버그 수정 다 하고 이식 하니까 잘돌아가요
대신에 이모티콘은 에러가 나긴한데.. 뭐 쓸 생각은 없어서..
따로 ci4에다가 접목 시켰더니 몇가지 버그 수정 다 하고 이식 하니까 잘돌아가요
대신에 이모티콘은 에러가 나긴한데.. 뭐 쓸 생각은 없어서..
금방 적용 잘되서 쓰기,보기 깔끔하게 잘 됩니다!
수정화면에서 <br>나오는것 안나오게 하려면 어떻게 해야하나요?