ソースを参照

Docs: Better styles for keyboard shortcuts. [skip ci]

Wiktor Walc 8 年 前
コミット
95aa62301f
1 ファイル変更15 行追加2 行削除
  1. 15 2
      docs/features/keyboard-support.md

+ 15 - 2
docs/features/keyboard-support.md

@@ -1,6 +1,7 @@
 ---
 title: Keyboard support
 category: features
+classes: keyboard-shortcuts
 ---
 
 Below is a list of the most important keystrokes supported by CKEditor 5 and its features:
@@ -10,7 +11,7 @@ Below is a list of the most important keystrokes supported by CKEditor 5 and its
 | Copy | <kbd>Ctrl</kbd> + <kbd>C</kbd> | <kbd>⌘</kbd> + <kbd>C</kbd> |
 | Paste | <kbd>Ctrl</kbd> + <kbd>V</kbd> | <kbd>⌘</kbd> + <kbd>V</kbd> |
 | Undo | <kbd>Ctrl</kbd> + <kbd>Z</kbd> | <kbd>⌘</kbd> + <kbd>Z</kbd> |
-| Redo | <kbd>Ctrl</kbd> + <kbd>Y</kbd> / <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd>  | <kbd>⌘</kbd> + <kbd>Y</kbd> / <kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> |
+| Redo | <kbd>Ctrl</kbd> + <kbd>Y</kbd> <br> <kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd>  | <kbd>⌘</kbd> + <kbd>Y</kbd> <br> <kbd>⌘</kbd> + <kbd>Shift</kbd> + <kbd>Z</kbd> |
 | Bold | <kbd>Ctrl</kbd> + <kbd>B</kbd> | <kbd>⌘</kbd> + <kbd>I</kbd> |
 | Italic | <kbd>Ctrl</kbd> + <kbd>I</kbd> | <kbd>⌘</kbd> + <kbd>I</kbd> |
 | Link | <kbd>Ctrl</kbd> + <kbd>K</kbd> | <kbd>⌘</kbd> + <kbd>K</kbd> |
@@ -18,6 +19,18 @@ Below is a list of the most important keystrokes supported by CKEditor 5 and its
 | Nest the current list item (when in a list) | <kbd>Tab</kbd> | <kbd>Tab</kbd> |
 | Move focus to the visible contextual balloon | <kbd>Tab</kbd> | <kbd>Tab</kbd> |
 | Move focus between fields (inputs and buttons) in contextual balloons | <kbd>Tab</kbd> | <kbd>Tab</kbd> |
-| Move focus to the toolbar | <kbd>Alt</kbd> + <kbd>F10</kbd> | <kbd>Alt</kbd> + <kbd>F10</kbd> (may require <kbd>Fn</kbd>) |
+| Move focus to the toolbar | <kbd>Alt</kbd> + <kbd>F10</kbd> | <kbd>Alt</kbd> + <kbd>F10</kbd> <br> (may require <kbd>Fn</kbd>) |
 | Navigate through the toolbar | <kbd>↑</kbd> / <kbd>→</kbd> / <kbd>↓</kbd> / <kbd>←</kbd> | <kbd>↑</kbd> / <kbd>→</kbd> / <kbd>↓</kbd> / <kbd>←</kbd> |
 | Execute the currently focused button | <kbd>Enter</kbd> | <kbd>Enter</kbd> |
+
+<style>
+.keyboard-shortcuts th {
+	text-align: center;
+}
+.keyboard-shortcuts td:nth-of-type(1) {
+	text-align: right;
+}
+.keyboard-shortcuts td:nth-of-type(2), .keyboard-shortcuts td:nth-of-type(3) {
+	width: 25%;
+}
+</style>