타운광장토픽게시판

CK에디터를 대체할 목적은 아니고... 모바일에서 빠르고 간편하게 사용할 수 있도록, 첨부이미지 본문 삽입 등 최소한의 기능만 있는 에디터를 만들어 보고 있습니다.

  • 첨부한 이미지나 멀티미디어 파일은 CKEditor와 마찬가지로 커서 위치에 삽입됩니다.
  • 유튜브 링크를 복붙하면 동영상이 자동으로 삽입됩니다.
  • PC에서는 Ctrl+B, Ctrl+I, Ctrl+U 단축키를 사용하여 진하게, 밑줄 등 기본적인 스타일을 적용할 수 있습니다.
  • Ctrl+Z 단축키로 최근의 스타일 변경이나 복붙 등을 실행취소할 수 있습니다.
  • 라이트 모드와 다크 모드를 지원합니다.

여기까지 대략 200줄 정도의 소스로 구현이 되는군요. ㅎㅎ

  • 도구상자는 없습니다.
  • 테이블 삽입, 링크 삽입, 폰트 및 문단 모양 변경 기능, 에디터 컴포넌트 등의 고급 기능은 지원하지 않으며 앞으로도 지원할 계획이 없습니다.
  • 자동 저장도 지원하지 않습니다.
  • 모바일용으로 기획된 에디터이므로 IE11에서는 에러 작렬합니다. 기본적인 작동은 됩니다.^^

버그는 점차 수정해 나가겠지만, 위와 같은 기능 추가 요청은 일체 사절입니다. 사실상 Textarea에 첨부파일 본문 삽입 기능만 추가하는 것이 목표입니다.

 

이렇게만 사용하면 iOS에서 한글 입력시 줄바꿈 문제가 발생하지 않는 것으로 보입니다. ← 가장 중요한 포인트!!!

 

라이믹스 데모 사이트에 아이디 test 비번 test12 로 로그인해서 확인해 보실 수 있습니다. 다양한 모바일 기기를 사용하여 테스트해 보시기 바랍니다.

 

https://demo.rhymix.org/index.php?mid=board_wstm19&act=dispBoardWrite

 

스샷:

simpleeditor.png

TAG •

글쓴이 기진곰

profile
GitHub 아이디는 @kijin입니다. 사람을 위한 인터넷 생태계의 발전과 웹 보안에 많은 관심을 가지고 있습니다.
우리가 만들어 가는 XE의 새 이름, 라이믹스(Rhymix) 프로젝트에 참여하고 있습니다.
오픈소스 도로명주소 검색서버 및 API Postcodify를 개발, 운영하고 있습니다.
국내외 서버 및 클라우드서버 세팅, 이전, 튜닝해 드립니다.
  • profile
    오우마이갓뜨!
    갓진곰! 갓진곰!
  • ?
    오늘부터 기진곰님을 킹갓짱님이라고 부르겟습니다.
  • profile
    와우! 대박이네요!!!
  • profile
    simple is best!
  • profile
    와ㄷㄷ
  • profile
    참 좋아라
  • profile
    Textarea 같으면서도 필요한 기능이 있네요.
    iOS에서 테스트 해보니 엔터 문제도 없습니다. 굳굳!
  • profile
    점점 ~ 초 심플로 가네요 !!! 완전 제 스타일입니다. !!!
  • profile
    ck에디터가 다 좋은데 초기 진입시 로딩이 길어서
    살짝 부담이었는데 빨리 제 사이트에 적용해서 써보고 싶어요~
  • profile
    사이트에 적용해서 사용해보니 정말 빠르고 좋네요.
    근데 서식제거? 다른 사이트에서 글씨 복붙 하면 서식이 따라 오는데
    제거 하는 버튼이 있거나 html 직접 수정하는 체크박스 있어서 html을 고칠 수 있으면 좋을것 같아요.
    투표기능 같은걸 앞으로 사용 할 수 없는 점은 아쉽지만 속도가 빠르니 없는 기능인셈 치고
    PC, 모바일 둘다 심플에디터로 변경 했어요!
    정말 유용하게 사용했지만 링크걸린 채로 불러오면 레이아웃이 살짝 깨지는 에러가 있던
    유튜브 애드온도 더이상 사용하지 않게됐네요.