토픽 마크다운 에디터 관련해서.
본문
이제는 제가 가지고 있는 짜집기의 능력을 넘어서는 실력자분들이 필요한 것 같습니다.
현재까지는 마크다운 관련 기능을 주로 테스트해서, 발견된 버그를 레포트하면, 개발자 분들이 바로 바로 수정해 주었고
그누보드와의 연동을 기존에 있던 것에 간신히 짜집기로 붙여 넣어 보았는데, 나름 저는 만족을 하고 사용하고 있습니다.
제 아파치존 사이트 에도 적용을 해서 기술적인 문서 번역이나 기술적인 것을 적어 놓는 것은 아주 편하게 잘 사용하고 있습니다.
앞으로도 가야 될 길은 멀지만..
Vditor ( https://github.com/Vanessa219/vditor/ ) 에서 진행 되고 있는 것
페이지를 Export하는 기능 (PDF, HTML, markdown) ==> 오늘/내일 중으로 릴리스 될 것 같네요Preview에 대한 테마 적용 ===> 늦어도 이번주 중으로 가능할 것 같습니다. (light, dark, wechat)Preview는 2가지가 있습니다. 마크다운 에디터 모드에서 보는 Preview (src/ts/preview/index.ts)와 화면에 출력되는 Preview=PreviewRender(src/ts/markdown/previewRender.ts)
지원되는 브라우저는 크롬/파이어폭스 맥과 윈도우입니다.<= 그 외의 것은 테스트 못함- 모바일도 IOS와 Android용으로 테스트중입니다. <= 다양한 테스트 디바이스가 필요함.
- 위지위그 및 타이포라 모드에서 여러가지 테스트가 더 필요함
- 스마트폰에서 소프트 키보드사용시에 편하게 입력하기 위한 메뉴 구성
그누보드와의 연동에서 해야 될 일
svg와 webp 파일 올리기- 녹음파일(wav) 올리기 (그 밖에 mp3, rar 파일등)
하이라이트 코드에 html, php 파일을 올렸을 때 출력안되는 문제 해결
<script>
var mdContent = <?php echo htmlspecialchars_decode(json_encode($view['content'])); ?>;
</script>
해결 안되는 것..편법으로 해결함. < 와 같이 zero-width space를 넣어서 넣는 것으로- 결국은 json_encode 함수에서 < > 만 바꾸지 않는 함수가 필요함
- 그누보드안에 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으로 접속하시면 됩니다.
많은 디바이스에서 테스트 부탁드립니다.
발견된 문제점이나 개선 사항은 개발자 깃헙에 직접 올리셔도 되고. 아파치존 웹사이트에 올리셔도 됩니다.
아파치님의 댓글
아파치 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 아이피 (173.♡.♡.136) 작성일고생이 많습니다.