From 5ad1414d82b88bccdb1779c550b75db28dfc18e7 Mon Sep 17 00:00:00 2001
From: Hufe921 <huangyunfeihufe@hotmail.com>
Date: Wed, 27 Sep 2023 22:04:36 +0800
Subject: [PATCH] chore: update README.md

---
 README.md | 28 ++++++++++++++++++++--------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/README.md b/README.md
index c56da53..1a10495 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,11 @@
 <h1 align="center">canvas-editor</h1>
 
+<p align="center">
+<a href="https://www.npmjs.com/package/@hufe921/canvas-editor"><img src="https://img.shields.io/npm/v/@hufe921/canvas-editor.svg?sanitize=true" alt="Version"></a>
+<a href="https://www.npmjs.com/package/@hufe921/canvas-editor"><img src="https://img.shields.io/npm/l/@hufe921/canvas-editor.svg?sanitize=true" alt="License"></a>
+<a href="https://github.com/Hufe921/canvas-editor/issues/new/choose"><img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs"></a>
+</p>
+
 <p align="center"> a rich text editor by canvas/svg</p>
 
 ## tips
@@ -14,24 +20,28 @@
 ```bash
 npm i @hufe921/canvas-editor --save
 ```
+
 ```html
 <div class="canvas-editor"></div>
 ```
+
 ```javascript
-import Editor from "@hufe921/canvas-editor"
+import Editor from '@hufe921/canvas-editor'
 
-new Editor(document.querySelector(".canvas-editor"), [
+new Editor(document.querySelector('.canvas-editor'), {
+  main: [
     {
-      value: "Hello World"
+      value: 'Hello World'
     }
-  ])
+  ]
+})
 ```
 
 ## next features
 
-1. improve performance
-2. control rules
-3. table paging
+1. table paging
+2. improve performance
+3. control rules
 4. [CRDT](https://github.com/Hufe921/canvas-editor/tree/feature/CRDT)
 
 ## snapshot
@@ -49,7 +59,9 @@ new Editor(document.querySelector(".canvas-editor"), [
 ## build
 
 #### app
+
 `npm run build`
 
 #### lib
-`npm run lib`
\ No newline at end of file
+
+`npm run lib`