마크다운 위지위그 에디터 테스트 부탁드립니다. 정보
마크다운 위지위그 에디터 테스트 부탁드립니다.본문
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 charenter : 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
2
댓글 8개
아~ 열심히 썼는데 맥+크롬이라 ㅡ,ㅡㅋ
@무와보 맥 크롬도 잘 됩니다. 현재 찾아낸 버그는 한글 조합때 문제가 있어서..
https://github.com/Vanessa219/vditor/issues/188
이것외에는 다 제대로 동작하는 것 같습니다.
https://github.com/Vanessa219/vditor/issues/188
이것외에는 다 제대로 동작하는 것 같습니다.
@마젠토 아~ 제가 실수했습니다. 마크다운 적으면서 띄어쓰기를 빼먹는 ㅡ,ㅡㅋ
오 직접 개발하신건가요?
대단하십니다
깃헙에 커밋 메시지 앞에 아이콘이 인상적이네요
저런식으로도 커밋메시지를 정리할 수 있군요 ㅋㅋ
대단하십니다
깃헙에 커밋 메시지 앞에 아이콘이 인상적이네요
저런식으로도 커밋메시지를 정리할 수 있군요 ㅋㅋ
@똥싼너구리 개발하시는 분들이 중국분들입니다.
@마젠토 좋은데요 :) 저는 요즘 ckeditor에 꽂혀있는데 이런 에디터도 좋을 것 같습니다.
@무와보 써보시고 개선점 있으면 알려주세요.. 오늘자로 파이어폭스도 잘 되는 것 같습니다.
VI처럼 마우스 없이도 작성이 가능하게 합니다.
다음은 모바일 지원입니다. 모바일은 현재 계획은 플로팅 메뉴쪽으로 생각중에 있습니다.
VI처럼 마우스 없이도 작성이 가능하게 합니다.
다음은 모바일 지원입니다. 모바일은 현재 계획은 플로팅 메뉴쪽으로 생각중에 있습니다.