! 제품 버전을 정확하게 입력해 주세요.
제품 버전이 정확하게 기재되어 있지 않은 경우,
최신 버전을 기준으로 안내 드리므로
더욱 빠르고 명확한 안내를 위해
제품 버전을 정확하게 입력해 주세요!

[FlexGrid] Rich Text Editor 구현하는 방법 > 지식 쉐어링

본문 바로가기

개발꿀팁 [FlexGrid] Rich Text Editor 구현하는 방법

페이지 정보

작성자 GCK루시 작성일 2022-11-23 11:15 조회 388회 댓글 0건

본문

Wijmo FlexGrid에서는 직접적인 Rich Text Editor를 지원하고 있지 않습니다. 다만, workaround로 가장 빠르고 쉽게 Rich Text Editor를 구현하는 방법으로 Wijmo Popup 컨트롤에 Text Editor를 추가하여 표시하는 방법이 있습니다.


먼저 Wijmo 팝업에 Text Editor를 추가 및 설정해줍니다. 그 다음 FlexGrid에서 특정 셀 더블 클릭 이벤트 발생 시 팝업의 Text Editor를 보여주고 편집 완료 시 해당 셀 컨텐츠를 업데이트하는 방법으로 구현하면 됩니다.


자세한 코드는 아래 샘플을 참고하여 주시기 바랍니다.


샘플은 오픈 소스인 Quill.js를 이용하여 구현한 샘플입니다.



- Popup 데모

- hitTest

- getCellData

  • 페이스북으로 공유
  • 트위터로  공유
  • 링크 복사
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.

메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기

인기글

더보기
  • 인기 게시물이 없습니다.
메시어스 홈페이지를 통해 제품에 대해서 더 자세히 알아 보세요!
홈페이지 바로가기
이메일 : sales-kor@mescius.com | 전화 : 1670-0583 | 경기도 과천시 과천대로 7길 33, 디테크타워 B동 1107호 메시어스(주) 대표자 : 허경명 | 사업자등록번호 : 123-84-00981 | 통신판매업신고번호 : 2013-경기안양-00331 ⓒ 2024 MESCIUS inc. All rights reserved.