마크다운 위지위그 에디터 테스트 부탁드립니다. > 자유게시판

자유게시판

마크다운 위지위그 에디터 테스트 부탁드립니다. 정보

마크다운 위지위그 에디터 테스트 부탁드립니다.

본문

https://docker.apachezone.com/bbs/board.php?bo_table=test

 

현재 윈도우 크롬에서만 제대로 작동합니다. 

 

마크다운 문법을 직접 사용하셔도 됩니다.

 

단축키를 사용하셔도 됩니다. 

 

이것 저것 디버깅하다가 View쪽이 깨지고 있네요. ㅠㅠ (저장시 깨짐.)

 

오늘 테스트하다가 남은 글은 12시경에 모두 지워집니다. (깨지는 것 때문에 다시 설치예정.)

 

여기에서도 직접 테스트 가능합니다. https://hacpai.com/guide/markdown

 

로컬에서 직접 테스트해 보실 분들은  개발자 깃헙에서 다운로드 받으세요.

https://github.com/Vanessa219/vditor

 

npm install

npm run start

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

 

앞으로 파이어폭스(윈도우), 크롬, 파이어폭스, 사파리(맥) 까지만 테스트되면 나름 괜찮은 에디터가 될것 같습니다.

 

Headings ctrl+h see below
Bold ctrl+b  
Italic ctrl+i  
strikeout ctrl+s  
links ctrl+k see below
unordered list ctrl+l see below
ordered list ctrl+o see below
checkbox ctrl+j see below
Blockquote ctrl+; see below
Horizontal ctrl+shift+d  
Codeblock ctrl+u see below
Table ctrl+m see below
Inline Code ctrl+g  
upload ctrl+shift+u  
Toggle WYSIWYG ctrl+shift+m  
Fullscreen ctrl+'  
Mistyped backspace  
toggle preview ctrl+p Markdown mode
only preview ctrl+shift+p Markdown mode
format ctrl+shift+f Markdown mode
     
Headings ctrl+h    
Bigger ctrl+=  
Smaller ctrl+-  
H1-H6 ctrl+alt+1/2/3/4/5/6  
heading menu ctrl+h  
     
Links ctrl+k    
remove block ctrl+shift+x  
move to field alt+ enter  
move to next field tab  
move to previous field tab  
move to link alt+ enter  
     
List ctrl+l ctrl+o    
remove block ctrl+shift+x  
before block ctrl+shift+s  
after block ctrl+shift+e  
after of current list enter enter: no text
indent tab
ctrl+shift+i
tab: cursor must be in the first char
outdent shift+tab
ctrl+shift+o
enter
shift+tab: cursor must be in the first char
enter: no text
     
checkbox ctrl+j    
remove block ctrl+shift+x  
before block ctrl+shift+s  
after block ctrl+shift+e  
indent see List  
outdent see List  
toggle check ctrl+shift+J  
     
Blockquote ctrl+;    
remove block ctrl+shift+x  
before block ctrl+shift+s  
after block ctrl+shift+e  
before top block ctrl+alt+enter  
after top block alt+enter  
after parent double enter  
insert blockquote ctrl+shift+:
>
ctrl+shift+:: current element must be a block element
>: Markdown marker
toggle blockquote ctrl+;  
     
Codeblock ctrl+u    
remove block ctrl+shift+x  
before block ctrl+shift+s  
after block ctrl+shift+e  
move to language field alt+enter  
move to code field alt+enter  
Quit editing, show only rendering Escape  
select all of the current code block ctrl+a  
     
Table ctrl+m    
remove block ctrl+shift+x  
before block ctrl+shift+s  
after block ctrl+shift+e  
add next row ctrl++  
delete current row ctrl+-  
add next column ctrl+shift++  
delete current column ctrl+shift+-  
Left Alignment ctrl+shfit+l  
Center Alignment ctrl+shift+c  
Right Alignment ctrl+shift+r  
move to row filed alt+enter  
toggle row and column filed tab  
moving to prev cell shift+tab
delete
 
moving to next cell tab
추천
2

댓글 8개

맥 크롬도 잘 됩니다.  현재 찾아낸 버그는 한글 조합때 문제가 있어서..
https://github.com/Vanessa219/vditor/issues/188
이것외에는 다 제대로 동작하는 것 같습니다.
오 직접 개발하신건가요?
대단하십니다

깃헙에 커밋 메시지 앞에 아이콘이 인상적이네요
저런식으로도 커밋메시지를 정리할 수 있군요 ㅋㅋ
새롭게 설치했습니다. 게시글을 작성하시면 게시판에 쓰신 글을 보실 수 있습니다.
써보시고 개선점 있으면 알려주세요.. 오늘자로 파이어폭스도 잘 되는 것 같습니다.
 VI처럼 마우스 없이도 작성이 가능하게  합니다.
다음은 모바일 지원입니다.  모바일은 현재 계획은 플로팅 메뉴쪽으로 생각중에 있습니다.
전체 1,811 |RSS
자유게시판 내용 검색

회원로그인

진행중 포인트경매

  1. 참여6 회 시작24.04.19 15:40 종료24.04.26 15:40
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT