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

  . . .
} ) ; 

config params

このツールには構成パラメーションがありません

ツールの設定

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