docs: rename extending.md

frontend/app_flowy/packages/flowy_editor/README.md

@@ -13,7 +13,7 @@ and the Flutter guide for
 
 <h1 align="center"><b>FlowyEditor</b></h1>
 
-<p align="center">An easily extensible, test-covered rich text editing component for Flutter</p>
+<p align="center">An completely customize, test-covered rich text editing component for Flutter</p>
 
 
 <div align="center">
@@ -22,18 +22,12 @@ and the Flutter guide for
 
 ## Features
 
-* Extensible
+* Customize
-    * Support extending custom components.
+    * Support customizing components.
-    * 支持扩展自定义的组件
+    * Support customizing shortcut event.
-    * Support extending custom shortcut key parsing
+    * Support customizing toolbar and popup list. (WIP)
-    * 支持扩展自定义快捷键解析
+    * Support customizing theme and any styles. (WIP)
-    * Support extending toolbar/popup list(WIP)
+* Test-covered
-    * 支持扩展toolbar/popup list(WIP)
-    * ...
-* Collaboration Ready
-    * All changes to the document are based on **operation**. Theoretically, collaborative editing will be supported in the future.
-    * 所有对文档的修改都是基于operation。理论上未来会支持协同编辑。
-* Good stability guarantees
     * Current code coverage >= 63%, we will still continue to add more test cases.
 
 > Due to the extensible structure and the increase in functionality, we encourage each commit to add test case code under test to ensure that the other committer does not have to worry about their code affecting the existing logic as much as possible. For more testing information, please check [TESTING.md](https://github.com/LucasXu0/AppFlowy/blob/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/documentation/testing.md)
@@ -76,21 +70,24 @@ cd frontend/app_flowy/packages/flowy_editor/example
 flutter run
 ```
 
-## How to extends
-### Extending a custom components
-Please refer to [extending.md](documentation/extending.md#extending-a-custom-component) for more details.
 
-### Extending a custom shortcut event
+## How to customizes ...
-Please refer to [extending.md](documentation/extending.md#extending-a-custom-shortcut-event) for more details.
+### Customizing a component
-## Examples
+Please refer to [customizing.md](documentation/extending.md#extending-a-custom-component) for more details.
-* Extends a custom component.
+
+
+### Customizing a shortcut event
+Please refer to [customizing.md](documentation/extending.md#extending-a-custom-shortcut-event) for more details.
+
+## Code Examples
+* Customizing a component.
     * [Checkbox Text](https://github.com/LucasXu0/AppFlowy/blob/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/render/rich_text/checkbox_text.dart) - Showing how to extend new styles based on existing rich text components.
     * [Image](https://github.com/LucasXu0/AppFlowy/blob/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/example/lib/plugin/image_node_widget.dart) - Showing how to extend a new node and render it.
-    * More examples. [rich text plugins](https://github.com/LucasXu0/AppFlowy/tree/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/render/rich_text)
+    * More examples. [Rich text plugins](https://github.com/LucasXu0/AppFlowy/tree/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/render/rich_text)
-* Extends a custom shortcut key.
+* Customizing a shortcut event.
-    * [BUIS](https://github.com/LucasXu0/AppFlowy/blob/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/service/internal_key_event_handlers/update_text_style_by_command_x_handler.dart) - Showing how to make text bold/underline/italic/strikethrough through shortcut keys
+    * [BIUS](https://github.com/LucasXu0/AppFlowy/blob/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/service/internal_key_event_handlers/update_text_style_by_command_x_handler.dart) - Showing how to make text bold/italic/underline/strikethrough through shortcut keys
     * [Paste HTML](https://github.com/LucasXu0/AppFlowy/blob/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/service/internal_key_event_handlers/copy_paste_handler.dart) - Showing how to handle pasted styles through shortcut keys
-    * More examples. [internal key event handlers](https://github.com/LucasXu0/AppFlowy/tree/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/service/internal_key_event_handlers)
+    * More examples. [Internal key event handlers](https://github.com/LucasXu0/AppFlowy/tree/documentation/flowy_editor/frontend/app_flowy/packages/flowy_editor/lib/src/service/internal_key_event_handlers)
 
 ## Glossary
 We are working on more detailed instructions, for now please refer to the API documentation.

frontend/app_flowy/packages/flowy_editor/documentation/customizing.md

@@ -1,6 +1,6 @@
-# How to extends
+# How to customizing ...
 
-## Extending a custom shortcut event
+## Customizing a shortcut event
 we will use a simple example to describe how to quickly extend shortcut event.
 
 For example, typing `_xxx_` will be converted into _xxx_.
@@ -24,7 +24,7 @@ Widget build(BuildContext context) {
 
 Nothing will happen after typing `_xxx_`.
 
-![Before](./images/extend_a_custom_shortcut_key_before.gif)
+![Before](./images/customizing_a_shortcut_event_before.gif)
 
 Next, we will create a function to handler underscore input.
 
@@ -113,11 +113,11 @@ Widget build(BuildContext context) {
 }
 ```
 
-![After](./images/extend_a_custom_shortcut_key_after.gif)
+![After](./images/customizing_a_shortcut_event_after.gif)
 
 [Complete code example]()
 
-## Extending a custom component
+## Customizing a component
 we will use a simple example to describe how to quickly extend custom component.
 
 For example, we want to render an image from network.
@@ -274,6 +274,6 @@ return FlowyEditor(
 );
 ```
 
-![](./images/extend_a_custom_component.gif)
+![](./images/customizing_a_component.gif)
 
 [Complete code example]()