SIR

mvmEditor 0.1 > 그누보드5 플러그인

그누보드5 플러그인

그누보드는 여러가지 기능을 추가하기 쉽도록 제작 되었습니다.
플러그인 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y

mvmEditor 0.1 정보

mvmEditor 0.1

첨부파일

첨부파일 mvmEditor.7z (7.7M) 5회 다운로드 2021-02-14 00:37:43
테스트한 버전5.4.5.1
호환 가능 버전5.4X 이상에서 테스트

본문

monaco-editor, higlightjs, markedjs, purifyjs, turndownjs를 활용한 마크다운 에디터입니다.

 

여러가지 오픈소스를 조합해 만들었으며 마크다운에 익숙한 개발자, vscode에 익숙한 개발자라면 사용하기 가장 편할것으로 생각됩니다.

 

모나코에디터는 vscode의 기반이 된 에디터이며, vscode에서 사용하는 멀티커서, 단축키, 코드하이라이트 기능 등을 그대로 활용할 수 있습니다.

 

코드하이라이트 작성을 vscode처럼 자동완성으로 도와주고, ctrl+k+f로 탭 및 정렬이 vscode처럼 지원되기때문에 코드하이라이트 작성이 무척이나 편할것으로 생각됩니다.

 

그누보드 용은 첨부된 파일을 받아주시고, 그 외에 곳에서 사용하려면 깃헙을 참고하세요.

 

https://github.com/ohah/mvmEditor

 

3667491413_1613230474.411.png

3667491413_1613230488.5628.png

 

html로 변경되기에 굳이 뷰어는 필요 없으나 코드하이라이트 기능을 사용한다면 view.skin.php 페이지에서 별도의 하이라이트 기능을 사용하시려면 아래의 데모코드를 참고하여 수정하세요

 


//코드 하이라이트 사용시
<?php
$editor_url = G5_EDITOR_URL.'/'.$config['cf_editor'];
    add_stylesheet('<link rel="stylesheet" href="'.$editor_url.'/css/github-markdown.css">', 0);
    add_stylesheet('<link rel="stylesheet" href="'.$editor_url.'/css/hljs.default.min.css"', 0);
    add_javascript('<script src="'.$editor_url.'/js/highlight.min.js"></script>',0);
    add_javascript('<script src="'.$editor_url.'/js/mvmEditor.js"></script>',0);
    ?>
    <script>
        const viewer = new mvmEditorViewer('#bo_v_atc',{
            ele : "#bo_v_atc"
        });
 
    </script>
    <section id="bo_v_atc" class="markdown-body">

 


//코드하이라이트 미사용시
$editor_url = G5_EDITOR_URL.'/'.$config['cf_editor'];
add_stylesheet('<link rel="stylesheet" href="'.$editor_url.'/css/github-markdown.css">', 0);
<section id="bo_v_atc" class="markdown-body">
추천5

댓글 전체

전체 367
그누보드5 플러그인 내용 검색

회원로그인

진행중 포인트경매

  1. 참여10 회 시작21.03.02 12:00 종료21.03.07 12:00
  2. 참여44 회 시작21.02.26 11:03 종료21.03.03 11:03

(주)에스아이알소프트 (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT