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

[디자이너 컴포넌트] 서식이 있는 텍스트에서 이미지 붙여넣기가 가능할까요? > 지식 쉐어링

본문 바로가기

개발꿀팁 [디자이너 컴포넌트] 서식이 있는 텍스트에서 이미지 붙여넣기가 가능할까요?

페이지 정보

작성자 GCK루카스 작성일 2022-06-20 14:23 조회 525회 댓글 0건

본문

디자이너 컴포넌트에서 서식이 있는 텍스트를 다이얼로그 창에서 입력할 수 있습니다.


클립보드에 복사된 이미지를 붙여 넣으면 다이얼로그 창에 이미지가 붙여 넣어 지는데, 그대로 셀에 입력할 수 있을까요?

3b71f5e8c95c10e7ff42a1aeb901f8c9_1655702313_5209.PNG

 

결과는 아쉽게도 붙여 넣을 수 없습니다.


서식이 있는 텍스트 기능은 기본적으로 텍스트의 서식을 설정하여 삽입하는 기능이기 때문에 이미지는 삽입이 되지 않습니다.


이미지를 SpreadJS에 삽입하기 위해서는 서식이 있는 텍스트 다이얼로그 창이 아닌, 붙여 넣을 위치의 셀 클릭 후 [삽입] - [그림] 버튼을 눌러 이미지를 선택하거나 CTRL + V를 해주시면 손쉽게 이미지가 삽입됩니다.


3b71f5e8c95c10e7ff42a1aeb901f8c9_1655702479_9407.PNG


또는 아래와 같은 코드로 이미지를 삽일 할 수 도 있습니다.

var sheet = spread.getSheet(0);
var picture = sheet.pictures.add("f2", "$DEMOROOT$/spread/source/images/spreadLogo.png", 50, 50, 100, 100);
picture.backColor("black");



혹은 셀에 맞추어서 이미지를 넣고자 하는 경우, 

SpreadJS에서 제공하는 "=IMAGE()"수식을 이용해서도 쉽게 넣을 수 있습니다.


> 샘플 및 코드 바로가기



 


URL 또는 base64를 통해서 이미지를 설정할 수 있습니다.

sheet.setFormula(3,7,'=IMAGE("https://www.grapecity.com/spreadjs/demos/spread/source/logo-en.ico",4,50,150)');




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

댓글목록

등록된 댓글이 없습니다.

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