simple image

เครื่องมือภาพง่าย ๆ

จัดเตรียมบล็อกรูปภาพสำหรับ editor.js

ใช้งานได้เฉพาะกับ URL รูปภาพที่วางไว้และไม่จำเป็นต้องอัพโหลดฝั่งเซิร์ฟเวอร์

การติดตั้ง

รับแพ็คเกจ

yarn add @editorjs/simple-image

รวมโมดูลที่แอปพลิเคชันของคุณ

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

ทางเลือกคุณสามารถโหลดเครื่องมือนี้ได้จาก CDN JSDELIVR CDN

การใช้งาน

เพิ่มเครื่องมือใหม่ลงในคุณสมบัติ tools ของการกำหนดค่าเริ่มต้น editor.js

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