테스트 사이트 - 개발 중인 베타 버전입니다

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

· 5년 전 · 1275 · 8

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

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 8개

아~ 열심히 썼는데 맥+크롬이라 ㅡ,ㅡㅋ
@무와보 맥 크롬도 잘 됩니다. 현재 찾아낸 버그는 한글 조합때 문제가 있어서..
https://github.com/Vanessa219/vditor/issues/188
이것외에는 다 제대로 동작하는 것 같습니다.
@마젠토 아~ 제가 실수했습니다. 마크다운 적으면서 띄어쓰기를 빼먹는 ㅡ,ㅡㅋ
5년 전
오 직접 개발하신건가요?
대단하십니다

깃헙에 커밋 메시지 앞에 아이콘이 인상적이네요
저런식으로도 커밋메시지를 정리할 수 있군요 ㅋㅋ
@똥싼너구리 개발하시는 분들이 중국분들입니다.
@무와보 @똥싼너구리 새롭게 설치했습니다. 게시글을 작성하시면 게시판에 쓰신 글을 보실 수 있습니다.
@마젠토 좋은데요 :) 저는 요즘 ckeditor에 꽂혀있는데 이런 에디터도 좋을 것 같습니다.
@무와보 써보시고 개선점 있으면 알려주세요.. 오늘자로 파이어폭스도 잘 되는 것 같습니다.
VI처럼 마우스 없이도 작성이 가능하게 합니다.
다음은 모바일 지원입니다. 모바일은 현재 계획은 플로팅 메뉴쪽으로 생각중에 있습니다.

게시글 목록

번호 제목
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495
1717479
1717473
1717470
1717463
1717452