简单图像工具

提供图像块 编辑.js。 。 。 .

只使用粘贴的图像 URL 工作,不需要服务器侧上传器 .

安装

拿到包裹

yarn add @editorjs/simple-image

在您的应用程序中包含模块

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

您可以选择从 CDN 装入此工具 JsDelivr CDN (英语)

使用量

添加新工具到 tools 的属性.

var editor = EditorJS({
  ...

  tools: {
    ...
    image: SimpleImage,
  }

  ...
});

配置参数

此工具没有配置参数

工具的设置

1. 添加边框

2. 伸到全宽

3. 添加背景

产出数据

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