라이브러리 창고/에디터 · 문서제작

「Stylo.js」간단한 텍스트 편집기 JS라이브러리

Recstasy 2022. 5. 20. 07:14

 

Stylo : 간단한 텍스트 에디터

 

Stylo는 위와 같이 간단한 텍스트 편집기가 필요할 때 유용하다. 보기에 간단하지만 Stylo는 '위지웍(WYSIWYG) 에디터'이며,  놀랍게도 용량이 '30k'밖에 되지 않는다. 따라서 간단한 댓글 입력이 필요한 모바일 분야에서 사용하기에 간편하고, 해외 사이트 스타일(no 게시판)의 사이트 제작에도 충분히 고려해 볼 만하다.

 

 

https://stylojs.com/

 

Stylo

Another kind of rich text editor

stylojs.com

 

 

사용법 역시 상당히 간단하다. CND을 추가한 뒤 ' <article contenteditable="true" class="stylo-container">' 태그를 추가는 것이 전부이며, SVG를 넣어 좀더 장황한(?) 에디터를 제작할 수도 있다. 매뉴 제작과 관련된 사항은 stylo github에서 확인할 수 있다.

 

https://github.com/papyrs/stylo#getting-started

 

GitHub - papyrs/stylo: Another kind of rich text editor

Another kind of rich text editor. Contribute to papyrs/stylo development by creating an account on GitHub.

github.com