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


저번에 올렸던 마크다운에디터와는 다른 마크다운 에디터입니다.
여타 기본적으로 마크다운 에디터와 크게 다를바 없으며,
이미지 업로드 부분에 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에 따라서 자동으로 언어가 나오는지요?
감사합니다
따로 ci4에다가 접목 시켰더니 몇가지 버그 수정 다 하고 이식 하니까 잘돌아가요
대신에 이모티콘은 에러가 나긴한데.. 뭐 쓸 생각은 없어서..
금방 적용 잘되서 쓰기,보기 깔끔하게 잘 됩니다!
수정화면에서 <br>나오는것 안나오게 하려면 어떻게 해야하나요?
게시판 목록
그누보드5 플러그인
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 645 |
비버팩토리
|
2개월 전 | 254 | |
| 644 |
|
2개월 전 | 447 | |
| 643 |
11qkr
|
2개월 전 | 364 | |
| 642 | 2개월 전 | 544 | ||
| 641 |
|
2개월 전 | 415 | |
| 640 |
|
2개월 전 | 497 | |
| 639 | 3개월 전 | 503 | ||
| 638 | 3개월 전 | 471 | ||
| 637 | 3개월 전 | 689 | ||
| 636 | 4개월 전 | 890 | ||
| 635 | 4개월 전 | 793 | ||
| 634 |
비버팩토리
|
4개월 전 | 801 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기