simple image

간단한 이미지 도구

editor.js에 이미지 블록을 제공합니다.

붙여 넣은 이미지 URL에서만 작동하며 서버 측 업로더가 필요하지 않습니다.

설치

패키지를 얻으십시오

yarn add @editorjs/simple-image

응용 프로그램에 모듈을 포함시킵니다

 import SimpleImage from "@editorjs/simple-image" ;

선택적으로 CDN JSDELIVR CDN 에서이 도구를로드 할 수 있습니다.

용법

editor.js 초기 구성의 tools 속성에 새 도구를 추가하십시오.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

구성 매개 변수

이 도구에는 구성 매개 변수가 없습니다

도구의 설정

1. 테두리를 추가하십시오

2. 전체 너비로 뻗어 있습니다

3. 배경을 추가하십시오

출력 데이터

필드	유형	설명
URL	string	이미지의 URL
표제	string	이미지의 캡션
주위	boolean	이미지에 테두리를 추가하십시오
백 그라운드와 함께	boolean	배경을 추가해야합니다
스트레칭	boolean	화면 너비로 이미지를 스트레칭합니다

{
  "type" : " image " ,
  "data" : {
    "url" : " https://www.tesla.com/tesla_theme/assets/img/_vehicle_redesign/roadster_and_semi/roadster/hero.jpg " ,
    "caption" : " Roadster // tesla.com " ,
    "withBorder" : false ,
    "withBackground" : false ,
    "stretched" : true
  }
}