From 26d1bc72ea823da95a947f9b0db5687245285211 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=94=D0=B5=D0=BD=D0=B8=D1=81=20=D0=A1=D1=82=D1=80=D0=BE?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=B2?= <d.strokov@biglion.tech>
Date: Mon, 13 Feb 2023 00:24:54 +0300
Subject: [PATCH] update readme.md

---
 README.md | 80 ++++++++++++++++++++++++++++++++++++++++++++-----------
 1 file changed, 65 insertions(+), 15 deletions(-)

diff --git a/README.md b/README.md
index 9dc480e..dd32c61 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,6 @@
-# wc-time
-WYWSIWYG HTML5 Editor written in TypeScript and designed by web-componennt, support all JS frameworks and browsers.
+# wc-wysiwyg custom element
+
+WC-WSIWYG HTML5 Editor written in TypeScript and designed by web-componennt, support all JS frameworks and browsers.
 See full demo - [wc-wysiwyg demo](https://webislife.ru/demo/wc-wysiwyg/) list and demo of all editor features
 
 
@@ -9,28 +10,76 @@ See full demo - [wc-wysiwyg demo](https://webislife.ru/demo/wc-wysiwyg/) list an
 npm i wc-wysiwyg-editor --save
 ```
 
+## Features
+✅ Multilingual support via [HTMLElement.lang](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/lang) attribute  🇷🇺/🇺🇸 supported by default
+
+✅ CSS styles for all popular HTML5 tags
+
+✅ CSS support for 🔥 in bulleted lists
+
+✅ Support for style inheritance via CSS class in the `data-content-class` attribute of emoji in bulleted lists
+
+✅ Inline actions on selected text
+
+✅ Storing value in `window.localStorage` and restoring after reload, check in comment form below
+
+✅ Eetting  editable properties of any tags, the number of tags and attributes are configurable
+✅ Autocomplete as you type / for supported tags in new paragraph
+
+✅ Text\HTML5 view switcher
+
+✅ Size Clear Button `Ⱦ`
+
+✅ Live preview
+
+- ✅ Keyboard Shortcuts
+    - `ALT`+`SPACE` toggle the current caret pointer outside the tag
+    - `ESCAPE` close bottom editor dialog box
+
+✅ Validation required, minlength, maxlength, filtertags
+
+✅ Inserting `<audio>` element
+
+✅ Inserting `<video>` element
+
 ## Commands
 
-Available package commands
+- Available package commands
+
+    Build scss styles
+```
+npm run sass
+```
+- Compile TypeScript
+```
+npm run tsc
+```
+- Minify code with babel-minify after TypeScript compile
+```
+npm run babel-minify
+```
+build all stpes 1.sass 2.tsc 3.babel-minif
 
 ```
-`npm run sass' - build scss styles
-`npm run tsc' - run typescript
-`npm run babel-minify' - minify code after typescript
-`npm run build' - build all stpes 1.sass 2.tsc 3.babel-minify
+npm run build
 ```
 
-## Custom element demo
+## Integration WC-WYSIWYG element demo
 <!--
 ```
-<custom-element-demo>
-  <template>
-    <link rel="import" href="index.html">
-    <next-code-block></next-code-block>
-  </template>
-</custom-element-demo>
+<wc-wysiwyg value="foo">
+  <textarea></textarea>
+</wc-wysiwyg>
 ```
 -->
+First, include JS and define custom element
+```javascript
+import('/src/components/wc-wysiwyg.js').then(esm => {
+    esm.define();
+});
+```
+And use in HTML
+
 ```html
 <wc-wysiwyg id="wc-demo-comment"
     data-allow-tags="strong,u,i,b,q,blockquote,a,img,pre"
@@ -44,8 +93,9 @@ Available package commands
 </wc-wysiwyg>
 ```
 
+
 See full demo - [wc-wysiwyg demo](https://webislife.ru/demo/wc-wysiwyg/) list and demo of all editor features
 
 Dont forgot star on git! Thank you! Enojoy!
 
-Dev by strokoff.ru - make web, not war)
\ No newline at end of file
+Dev by strokoff - make web, not war)
\ No newline at end of file