Please Enable JavaScript!
Mohon Aktifkan Javascript![ Enable JavaScript ]

마크다운 에디터 관련해서. > 자유게시판

본문 바로가기

사이트 내 전체검색

뒤로가기 자유게시판

토픽 마크다운 에디터 관련해서.

본문

이제는 제가 가지고 있는 짜집기의 능력을 넘어서는 실력자분들이 필요한 것 같습니다.

 

현재까지는 마크다운 관련 기능을 주로 테스트해서, 발견된 버그를 레포트하면, 개발자 분들이 바로 바로 수정해 주었고

 

그누보드와의 연동을 기존에 있던 것에 간신히 짜집기로 붙여 넣어 보았는데,  나름 저는 만족을 하고 사용하고 있습니다.

 

제 아파치존 사이트 에도 적용을 해서 기술적인 문서 번역이나  기술적인 것을 적어 놓는 것은 아주 편하게 잘 사용하고 있습니다.

 

앞으로도 가야 될 길은 멀지만..

 

Vditor ( https://github.com/Vanessa219/vditor/ ) 에서 진행 되고 있는 것

  1. 페이지를 Export하는 기능 (PDF, HTML, markdown)  ==> 오늘/내일 중으로 릴리스 될 것 같네요
  2. Preview에 대한 테마 적용  ===> 늦어도 이번주 중으로 가능할 것 같습니다. (light, dark, wechat)
    1. Preview는 2가지가 있습니다. 마크다운 에디터 모드에서 보는 Preview (src/ts/preview/index.ts)와 화면에 출력되는 Preview=PreviewRender(src/ts/markdown/previewRender.ts)
  3. 지원되는 브라우저는 크롬/파이어폭스 맥과 윈도우입니다.  <= 그 외의 것은 테스트 못함
  4. 모바일도 IOS와 Android용으로 테스트중입니다.  <= 다양한 테스트 디바이스가 필요함.
  5. 위지위그 및 타이포라 모드에서 여러가지 테스트가 더 필요함
  6. 스마트폰에서 소프트 키보드사용시에 편하게 입력하기 위한 메뉴 구성

그누보드와의 연동에서 해야 될 일

  • svg와 webp 파일 올리기
  • 녹음파일(wav) 올리기 (그 밖에 mp3, rar 파일등)
  • 하이라이트 코드에 html, php 파일을 올렸을 때 출력안되는 문제 해결

<script>

var mdContent = <?php echo htmlspecialchars_decode(json_encode($view['content'])); ?>;

</script>

 

  • 해결 안되는 것..  
    • 편법으로 해결함. &​lt; 와 같이 ​ zero-width space를 넣어서 넣는 것으로
    • 결국은 json_encode 함수에서 < > 만 바꾸지 않는 함수가 필요함

800595458_1588047967.2359.png

  • 그누보드안에 wr_option에 markdown 옵션 넣기.
  • 그누보드상에서 게시판별 에디터 적용하기(아미나는 됨.)
  • 사이드에 TOC 나오게 하기
  • 게시판에 이미지와 내용이 나오게 하기(웹진형 게시판?)
  • 멘션기능

Vditor는 TypeScript로 만들어진 위지위그 마크다운 에디터 입니다. 

 

마크다운 엔진인 lute 는 GoLang으로 만들었습니다.

 

에디터를 테스트하는 방법은

git clone https://github.com/vanessa219/vditor
cd vditor
npm install
npm run start

demo/index.js에 아래와 같이 추가하시면 한글이 나옵니다. (mode는 ir, wysiwyg, sv 모드 중 고르시면 됩니다.)

mode: 'ir',
lang: 'ko_KR',

localhost:9000으로 접속하시면 됩니다.

 

많은 디바이스에서 테스트 부탁드립니다.

발견된 문제점이나 개선 사항은 개발자 깃헙에 직접 올리셔도 되고. 아파치존 웹사이트에 올리셔도 됩니다.

 

 

 

 

 

 

 

 

추천1 비추천 0

댓글목록 10

아파치님의 댓글

아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (173.♡.♡.136) 작성일

고생이 많습니다.

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (47.♡.♡.2) 작성일

할것은 많은데,  머리와 몸이 안되네요..

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (47.♡.♡.2) 작성일

댓글이 달리면 수정이 안되네요.  위에서 완료된 것만 체크해 놓을 려고 했는데..

웹지기님의 댓글의 댓글

웹지기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (173.♡.♡.136) 작성일

수정 하실때까지 열어 두겠습니다.

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (47.♡.♡.2) 작성일

감사합니다.

선구자님의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.♡.98) 작성일

항상 감사히 잘 사용하고 있습니다.
감사합니다.

선구자님의 댓글

no_profile 선구자 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (223.♡.♡.98) 작성일

마젠토님은 엄청난 고수이십니다

마젠토님의 댓글의 댓글

마젠토 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (47.♡.♡.2) 작성일

엄청난 고수 였으면 좋았을 텐데.. 엄청난 고수는 @아파치 님으로..

아파치님의 댓글의 댓글

아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (173.♡.♡.136) 작성일

엄청난 고수 였으면 좋았을 텐데..  전 짜지퍼 입니다.
고수는 @무와보 님으로....

무와보님의 댓글의 댓글

무와보 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (175.♡.♡.20) 작성일

그럼 제가 고수를 받는 것으로 하고...
@마젠토 @아파치 님한테 그 영광을 돌리는 것으로 ㅎㅎ

전체 1,552건 2 페이지
게시물 검색
Copyright © apachezone.com. All rights reserved.

사이트 정보

사이트명 : apachezone.com
개인정보관리책임자 : JOO SUNG

PC 버전으로 보기