From 112498f22b216bf61ef609515414386964c52c6f Mon Sep 17 00:00:00 2001
From: Dhamith Kumara <67802429+bdhamithkumara@users.noreply.github.com>
Date: Mon, 13 Nov 2023 19:06:31 +0530
Subject: [PATCH] Update README.md

Update README.md to include instructions on how to add a border, stretch, and add a background to images inserted into the editor.

Additionally, add an import statement for the SimpleImage plugin from EditorJS.
---
 README.md | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/README.md b/README.md
index d9bb9bc..14d88ff 100644
--- a/README.md
+++ b/README.md
@@ -23,6 +23,10 @@ Include module at your application
 ```javascript
 const SimpleImage = require('@editorjs/simple-image');
 ```
+OR
+```javascript
+import SimpleImage from '@editorjs/simple-image'
+```
 
 ### Download to your project's source dir
 
@@ -57,6 +61,16 @@ var editor = EditorJS({
   ...
 });
 ```
+## How to insert an image
+
+**Note:** There is no insert icon for this package. To insert an image, you need to drag and drop the image (GIF/JPEG/JPG/PNG/SVG/WEBP) into the editor.
+
+**Steps:**
+
+1. Open the editor.
+2. Drag and drop the image into the editor.
+3. The image will be inserted into the editor at the current cursor position.
+4. You can then Add Border, Stretch Image and Add Background the image as needed.
 
 ## Config Params