simple image

Alat gambar sederhana

Menyediakan blok gambar untuk editor.js.

Hanya berfungsi dengan URL gambar yang disisipkan dan tidak memerlukan pengunggah sisi server.

Instalasi

Dapatkan paketnya

yarn add @editorjs/simple-image

Sertakan modul di aplikasi Anda

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

Secara opsional, Anda dapat memuat alat ini dari CDN JSDELIVR CDN

Penggunaan

Tambahkan alat baru ke properti tools dari konfigurasi awal editor.js.

 var editor = EditorJS ( {
  ...

  tools : {
    ...
    image : SimpleImage ,
  }

  . . .
} ) ; 

Param Config

Alat ini tidak memiliki params konfigurasi

Pengaturan alat

1. Tambahkan perbatasan

2. Peregangan ke lebar penuh

3. Tambahkan latar belakang

Data output

Bidang	Jenis	Keterangan
url	string	URL gambar
keterangan	string	Caption gambar
Withborder	boolean	Tambahkan Perbatasan ke Gambar
Withbackground	boolean	perlu menambahkan latar belakang
membentang	boolean	Regangkan gambar ke lebar layar

{
  "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
  }
}