Docs for command palette

Mudd-d · pull · Apr 10, 2022 · Apr 11, 2022 · Apr 13, 2022 · Apr 13, 2022
commit 2c968a75dd08d0da29b964373934dc512f2a454c
diff --git a/docs/_sidebar.md b/docs/_sidebar.md
@@ -8,6 +8,7 @@
 - Editor
   - [Hello, Markdown](editor/hello-markdown.md)
   - [Pro Tips](editor/pro-tips.md)
+  - [Command Palette](editor/command-palette.md)
   - [Tags](editor/tags.md)
   - [Search](editor/search.md)
   - [Math Formulas](editor/math.md)

diff --git a/docs/cn/_sidebar.md b/docs/cn/_sidebar.md
@@ -7,6 +7,7 @@
 - 编辑器
   - [你好，Markdown](cn/editor/hello-markdown.md)
   - [进阶技巧](cn/editor/pro-tips.md)
+  - [指令面板](cn/editor/command-palette.md)
   - [标签](cn/editor/tags.md)
   - [搜索](cn/editor/search.md)
   - [数学公式](cn/editor/math.md)

diff --git a/docs/cn/editor/assets/IMG_12.png b/docs/cn/editor/assets/IMG_12.png
diff --git a/docs/cn/editor/assets/IMG_13.png b/docs/cn/editor/assets/IMG_13.png
diff --git a/docs/cn/editor/assets/IMG_14.png b/docs/cn/editor/assets/IMG_14.png
diff --git a/docs/cn/editor/command-palette.md b/docs/cn/editor/command-palette.md
@@ -0,0 +1,27 @@
+# 指令面板
+
+指令面板是一种执行操作的好方法，它提供了一个交互式的对话框，可以轻松地与编辑器进行交互。
+
+## 显示面板
+
+显示指令面板最简单的方法是输入一个 `/`，即斜线符号。
+
+<img class="bordered_img" src="../cn/editor/assets/IMG_12.png" />
+
+通过这个对话框，我们可以改变文本样式，插入标签和短语，以及运行文本动作等。
+
+> 在二级菜单下，可通过退格键回到一级菜单。
+
+## 筛选指令
+
+指令是可以搜索的，我们可以很轻松地过滤出我们要找的指令。
+
+<img class="bordered_img" src="../cn/editor/assets/IMG_13.png" />
+
+> 如果您使用拼音输入法，中文内容可以被拼音首字母缩写找到。
+
+## 处理文本选择
+
+如果选择了一些文本，我们可能不想通过插入斜线符号来删除它。为了处理这个问题，我们也可以通过按下 `⌘ /` 来触发指令面板。
+
+<img class="bordered_img" src="../cn/editor/assets/IMG_14.png" />
diff --git a/docs/cn/whatsnew.md b/docs/cn/whatsnew.md
@@ -1,3 +1,7 @@
+### 指令面板
+
+输入 `/` 或按下 `⌘ /` 来显示指令面板，不离开键盘就能执行更多操作，[了解更多](https://docs.taio.app/#/cn/editor/command-palette)。
+
 ### 🐞 错误修复
 
 我们最近一直在关注质量问题，最近报告的一些错误和崩溃在这个版本中得到了修复，请继续发送反馈！
@@ -8,8 +12,4 @@
 
 ### 🔍 全文搜索
 
-全新的搜索体验，支持全文搜索、多关键词搜索、通过正则表达式查找替换和结果高亮显示，[了解更多](https://docs.taio.app/#/cn/editor/search)。
-
-### 🌄 图片上传
-
-全功能图床解决方案，通过文本动作轻松上传您的本地图片到云服务，[了解更多](https://github.com/cyanzhong/Image-Uploader)。
+全新的搜索体验，支持全文搜索、多关键词搜索、通过正则表达式查找替换和结果高亮显示，[了解更多](https://docs.taio.app/#/cn/editor/search)。
diff --git a/docs/editor/assets/IMG_12.png b/docs/editor/assets/IMG_12.png
diff --git a/docs/editor/assets/IMG_13.png b/docs/editor/assets/IMG_13.png
diff --git a/docs/editor/assets/IMG_14.png b/docs/editor/assets/IMG_14.png
diff --git a/docs/editor/command-palette.md b/docs/editor/command-palette.md
@@ -0,0 +1,25 @@
+# Command Palette
+
+Command palette is a great way to perform actions, it provides an interactive dialog to easily interact with the editor.
+
+## Showing the Panel
+
+The easiest to show command palette is entering a `/` (slash sign).
+
+<img class="bordered_img" src="../editor/assets/IMG_12.png" />
+
+With this dialog, we can change text styles, insert tags and snippets, and run text actions.
+
+> If we are on a sub-menu, we can return to the main menu by pressing the backspace key.
+
+## Filtering Commands
+
+Commands are searchable, we can filter out commands we are looking for easily.
+
+<img class="bordered_img" src="../editor/assets/IMG_13.png" />
+
+## Dealing with Text Selections
+
+If the text selection is not empty, we probably don't want to delete it by inserting a slash sign. To deal with that, we can also trigger the command palette by pressing `⌘ /`.
+
+<img class="bordered_img" src="../editor/assets/IMG_14.png" />
diff --git a/docs/whatsnew.md b/docs/whatsnew.md
@@ -1,3 +1,7 @@
+### Command Palette
+
+Type `/` or press `⌘ /` to show command palette, achieve more without leaving the keyboard, [learn more](https://docs.taio.app/#/editor/command-palette).
+
 ### 🐞 Bug Fixes
 
 We have been focusing on quality recently, some recently reported bugs and crashes are fixed in this release, please keep sending feedback!
@@ -8,8 +12,4 @@ On macOS, you can now quickly capture the clipboard and edit drafts on the menu
 
 ### 🔍 Full Text Search
 
-Revamped search experience, with support for full text search, multi-term search, search & replace with regex, and result highlighting, [learn more](https://docs.taio.app/#/editor/search).
-
-### 🌄 Image Uploading
-
-The all-in-one image uploader based on text actions, upload your local images to cloud services with ease, [learn more](https://github.com/cyanzhong/Image-Uploader).
+Revamped search experience, with support for full text search, multi-term search, search & replace with regex, and result highlighting, [learn more](https://docs.taio.app/#/editor/search).