UNPKG

@rtdui/editor

Version:

React rich text editor based on tiptap

1,190 lines (1,134 loc) • 49.5 kB

JavaScript

let react_jsx_runtime = require("react/jsx-runtime"); //#region packages/editor/src/RichTextEditor/toolbar/editorMan.mdx function _createMdxContent(props) { const _components = { br: "br", code: "code", h2: "h2", h3: "h3", li: "li", p: "p", strong: "strong", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ul: "ul", ...props.components }; return (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [ (0, react_jsx_runtime.jsx)(_components.h2, { id: "支持粘贴-markdown-内容", children: "支持粘贴 Markdown 内容" }), "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "复制 Markdown 内容粘贴到文本编辑器中, 会自动进行转换." }), "\n", (0, react_jsx_runtime.jsxs)(_components.p, { children: [ "粘贴的 Markdown 的语法遵循 VS Code 内置的 Markdwon 规范: 标准语法 + GFM 扩展语法 + Tatex 语法(", (0, react_jsx_runtime.jsx)(_components.code, { children: "$文本$" }), "和", (0, react_jsx_runtime.jsx)(_components.code, { children: "$$文本$$" }), "). 也就是说从 VS Code 中复制的 Markdown 内容可以直接粘贴到编辑器中, 唯一的例外是为了安全不支持 Markdown 中包含 html 标签." ] }), "\n", (0, react_jsx_runtime.jsx)(_components.h2, { id: "拖拉支持", children: "拖拉支持" }), "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "已插入的图片支持拖动到任意位置; 当鼠标移动到图片右下角会出现指示器, 拖动指示器可以调整图片大小." }), "\n", (0, react_jsx_runtime.jsx)(_components.h2, { id: "mardown-语法识别", children: "Mardown 语法识别" }), "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "Mardown 语法识别遵循 Markdown 的规范" }), "\n", (0, react_jsx_runtime.jsxs)(_components.p, { children: [ (0, react_jsx_runtime.jsx)(_components.strong, { children: "Mardown 输入规则自动转换需要紧跟空格加以确认" }), ", 并且可以在转换后按", (0, react_jsx_runtime.jsx)("kbd", { children: "Backspace" }), "取消自动转换." ] }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "输入" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "转换" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "说明" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [ (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "#" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "H1" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "##" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "H2" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "###" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "H3" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "####" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "H4" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "#####" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "H5" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "######" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "H6" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)(_components.code, { children: "---" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: "水平分割线" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "-" }), "或", (0, react_jsx_runtime.jsx)(_components.code, { children: "+" }), "或", (0, react_jsx_runtime.jsx)(_components.code, { children: "*" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "符号列表" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "1." }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "序号列表" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效, 任意数字均可" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "[ ]" }), "或", (0, react_jsx_runtime.jsx)(_components.code, { children: "[x]" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "任务列表" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ "必须在行头有效, ", (0, react_jsx_runtime.jsx)(_components.code, { children: "[ ]" }), "中间有个空格,表示未选中状态; x 字符必须小写,表示选中状态" ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "```" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "围栏代码块" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效, ```之后可以紧跟语言标识, 这会启用语法高亮. 支持的语言标识: txt,js,jsx,ts,tsx,html,css,c,cpp,md,java,csharp,sh,sql,ini" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "$$" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "空格" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "数学公式块" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "必须在行头有效" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)(_components.code, { children: "[显示文本](链接)" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: "插入链接" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在任意位置" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)(_components.code, { children: "![显示文本](链接)" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: "插入图片" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在任意位置" }) ] }) ] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: (0, react_jsx_runtime.jsx)(_components.strong, { children: "Mardown 包裹规则自动转换需要前导符之前至少有一个空格, 否则会识别为常规字符. 可以在行中任意位置" }) }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "语法" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "转换" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "说明" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [ (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "`文本`" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "行内代码" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "_文本_" }), " 或者", (0, react_jsx_runtime.jsx)(_components.code, { children: "*文本*" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "斜体文本" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)(_components.code, { children: "**文本**" }), " 或者", (0, react_jsx_runtime.jsx)(_components.code, { children: "__文本__" }) ] }), (0, react_jsx_runtime.jsx)(_components.td, { children: "粗体文本" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)(_components.code, { children: "~~文本~~" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: "删除线文本" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)(_components.code, { children: "==文本==" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: "高亮文本" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)(_components.code, { children: "$公式文本$" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: "内联的 Katex 数学公式" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在任意位置" }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)(_components.code, { children: "$$公式文本$$" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: "块级居中的 Katex 数学公式" }), (0, react_jsx_runtime.jsx)(_components.td, { children: "可以在任意位置" }) ] }) ] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.h2, { id: "快捷键", children: "快捷键" }), "\n", (0, react_jsx_runtime.jsxs)(_components.p, { children: [ "注意: 编辑器的快捷键可能与操作系统的快捷键冲突, 如 Windows 下的", (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "." }), "可能会与操作系统输入法的中英文标点切换的快捷键冲突导致不生效, 因为操作系统的优先级更高." ] }), "\n", (0, react_jsx_runtime.jsx)(_components.h3, { id: "基本", children: "基本" }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "命令" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "Windows/Linux" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "MacOS" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [ (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "复制" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "C" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "C" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "剪切" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "X" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "X" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "粘贴" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "V" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "V" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "无格式粘贴" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "V" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "V" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "撤销操作" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Z" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Z" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "重做操作" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Z" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Z" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "段落内换行" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Enter" }), " 或者 ", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Enter" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Enter" }), " 或者 ", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Enter" }) ] }) ] }) ] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.h3, { id: "选择", children: "选择" }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "命令" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "Windows/Linux" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "MacOS" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [ (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "全选" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "A" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "A" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "向左侧扩展选择一个字符" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "←" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "←" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "向右侧扩展选择一个字符" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "→" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "→" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "向上扩展选择一行" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "↑" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "↑" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "向下扩展选择一行" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "↓" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "↓" }) ] }) ] }) ] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.h3, { id: "文本格式", children: "文本格式" }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "命令" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "Windows/Linux" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "MacOS" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [ (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "粗体" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "B" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "B" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "斜体" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "I" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "I" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "下划线" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "U" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "U" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "删除线" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "X" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "X" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "文本高亮" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "H" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "H" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "内联代码" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "E" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "E" }) ] }) ] }) ] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.h3, { id: "段落格式", children: "段落格式" }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "命令" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "Windows/Linux" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "MacOS" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [ (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发常规文本样式" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "0" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "0" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发标题 1 样式" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "1" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "1" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发标题 2 样式" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "2" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "2" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发标题 3 样式" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "3" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "3" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发标题 4 样式" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "4" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "4" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发标题 5 样式" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "5" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "5" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发标题 6 样式" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "6" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "6" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发编号列表" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "7" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "7" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发符号列表" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "8" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "8" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发任务列表" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "9" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "9" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "触发块引用" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "B" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "B" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "左对齐" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "L" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "L" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "居中对齐" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "E" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "E" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "右对齐" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "R" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "R" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "两端对齐" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "J" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "J" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "行内代码" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "E" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "E" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "上标" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "." }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "." }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "下标" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "," }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "," }) ] }) ] }) ] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.h3, { id: "代码块", children: "代码块" }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "命令" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "Windows/Linux" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "MacOS" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [(0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "代码块" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "C" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Alt" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "C" }) ] }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "跳出代码块" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Ctrl" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Enter" }), " 或者在末尾连按三次回车" ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Cmd" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Enter" }), "或者在末尾连按三次回车" ] }) ] })] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.h3, { id: "列表", children: "列表" }), "\n", (0, react_jsx_runtime.jsxs)(_components.table, { children: [(0, react_jsx_runtime.jsx)(_components.thead, { children: (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.th, { children: "命令" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "Windows/Linux" }), (0, react_jsx_runtime.jsx)(_components.th, { children: "MacOS" }) ] }) }), (0, react_jsx_runtime.jsxs)(_components.tbody, { children: [(0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "列表项增加缩进层级" }), (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)("kbd", { children: "Tab" }) }), (0, react_jsx_runtime.jsx)(_components.td, { children: (0, react_jsx_runtime.jsx)("kbd", { children: "Tab" }) }) ] }), (0, react_jsx_runtime.jsxs)(_components.tr, { children: [ (0, react_jsx_runtime.jsx)(_components.td, { children: "列表项减少缩进层级" }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Tab" }) ] }), (0, react_jsx_runtime.jsxs)(_components.td, { children: [ (0, react_jsx_runtime.jsx)("kbd", { children: "Shift" }), "+", (0, react_jsx_runtime.jsx)("kbd", { children: "Tab" }) ] }) ] })] })] }), "\n", (0, react_jsx_runtime.jsx)(_components.h2, { id: "其它操作", children: "其它操作" }), "\n", (0, react_jsx_runtime.jsxs)(_components.ul, { children: [ "\n", (0, react_jsx_runtime.jsxs)(_components.li, { children: [ "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "在表格中" }), "\n", (0, react_jsx_runtime.jsxs)(_components.p, { children: [ "在", (0, react_jsx_runtime.jsx)(_components.strong, { children: "最右下角" }), "的单元格中按下", (0, react_jsx_runtime.jsx)("kbd", { children: "Tab" }), "键自动添加行." ] }), "\n" ] }), "\n", (0, react_jsx_runtime.jsxs)(_components.li, { children: [ "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "在列表中" }), "\n", (0, react_jsx_runtime.jsxs)(_components.p, { children: [ "在", (0, react_jsx_runtime.jsx)(_components.strong, { children: "末尾的空项" }), "处, 每按一次", (0, react_jsx_runtime.jsx)("kbd", { children: "Enter" }), "键会退出一级, 直至退出整个列表" ] }), "\n" ] }), "\n" ] }), "\n", (0, react_jsx_runtime.jsx)(_components.h3, { id: "间隙光标", children: "间隙光标" }), "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "正常的光标是闪烁的垂直线条, 间隙光标是闪烁的水平线条. 间隙光标不是真实的位置, 只有输入内容后才会在间隙光标处创建插入点." }), "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "间隙光标出现时可以直接输入, 编辑器会自动创建插入点. 间隙光标是为解决在文档最前面或者最后面处没有插入点的问题, 当遇到这个问题时通过以下方式显示间隙光标:" }), "\n", (0, react_jsx_runtime.jsxs)(_components.ul, { children: [ "\n", (0, react_jsx_runtime.jsxs)(_components.li, { children: [ "\n", (0, react_jsx_runtime.jsxs)(_components.p, { children: [ "对于表格:", (0, react_jsx_runtime.jsx)(_components.br, {}), "\n", "在", (0, react_jsx_runtime.jsx)(_components.strong, { children: "最左上角" }), "的单元格中按", (0, react_jsx_runtime.jsx)("kbd", { children: "↑" }), "键会显示表格上方的间隙光标", (0, react_jsx_runtime.jsx)(_components.br, {}), "\n", "在", (0, react_jsx_runtime.jsx)(_components.strong, { children: "最右下角" }), "的单元格中按", (0, react_jsx_runtime.jsx)("kbd", { children: "↓" }), "键会显示表格下方的间隙光标" ] }), "\n" ] }), "\n", (0, react_jsx_runtime.jsxs)(_components.li, { children: [ "\n", (0, react_jsx_runtime.jsxs)(_components.p, { children: [ "对于图片", (0, react_jsx_runtime.jsx)(_components.br, {}), "\n", "选定图片后按下", (0, react_jsx_runtime.jsx)("kbd", { children: "↑" }), "键/", (0, react_jsx_runtime.jsx)("kbd", { children: "↓" }), "键, 显示图片上方/下方的间隙光标" ] }), "\n" ] }), "\n" ] }), "\n", (0, react_jsx_runtime.jsx)(_components.h2, { id: "markdown-测试", children: "Markdown 测试" }), "\n", (0, react_jsx_runtime.jsx)(_components.p, { children: "复制以下 Markdown 源码, 然后粘贴到编辑中查看效果:" }), "\n", (0, react_jsx_runtime.jsx)("textarea", { style: { resize: "none", width: "100%", padding: "16px", outline: "2px auto gray", outlineOffset: "-2px" }, rows: "144", readOnly: true, defaultValue: `# 标题 # h1 Heading ## h2 Heading ### h3 Heading #### h4 Heading ##### h5 Heading ###### h6 Heading # 水平线 --- # 文本强调 **这是粗体文本** _这是斜体文本_ ~~删除线~~ # 引用 > 块引用可以嵌套... > > > 添加一个\u0060>\u0060 符号增加一层嵌套... > > > > > \u0060>\u0060 之间可以使用空格... # 列表 ## 无序列表 - 每行以 \u0060+\u0060, \u0060-\u0060, 或\u0060\*\u0060 开头创建列表启用了软换行 - 缩进两个空格创建子列表 ↓: - 修饰符改变会强制创建新的列表 ↓: - Ac tristique libero volutpat at * Facilisis in pretium nisl aliquet - Nulla volutpat aliquam velit - Very easy! ## 有序列表 1. Lorem ipsum dolor sit amet 2. Consectetur adipiscing elit 3. Integer molestie lorem at massa 4. 可以使用顺序数字... 5. ...或者全部使用\u00601.\u0060 使用偏移起始数字: 57. foo 1. bar ## 代码内联代码 \u0060code\u0060 ### 缩进代码块 // Some comments line 1 of code line 2 of code line 3 of code ### 围栏代码块 \u0060\u0060\u0060 Sample text here... \u0060\u0060\u0060 ### 围栏代码块语法高亮 \u0060\u0060\u0060tsx function Foo(bar) { \ \ // comment \ \ return bar++; } console.log(foo(5)); \u0060\u0060\u0060 \u0060\u0060\u0060tsx const foo = function (bar) { \ \ return bar++; // [!code --] \ \ return bar++; // [!code ++] }; console.log(foo(5)); \u0060\u0060\u0060 # 表格 | Option | Description | | ------ | ------------------------------------------------------------------------- | | data | path to data files to supply the data that will be passed into templates. | | engine | engine to be used for processing templates. Handlebars is the default. | | ext | extension to be used for dest files. | ## 单元格对齐 | Option | Description | | :----: | :-----------------------------------------------------------------------: | | data | path to data files to supply the data that will be passed into templates. | | engine | engine to be used for processing templates. Handlebars is the default. | | ext | extension to be used for dest files. | # 嵌入链接 [link text](http://dev.nodeca.com) [link with title](http://nodeca.github.io/pica/demo/ "title text!") 自动转换超链接 https://www.baidu.com (enable linkify to see) # 嵌入图片 ![Minion](https://octodex.github.com/images/minion.png) ![Stormtroopocat](https://octodex.github.com/images/stormtroopocat.jpg "The Stormtroopocat") 和链接一样, 嵌入图片也支持引用语法: \u0060![label][id]\u0060 ![Alt text][id] 在文档的后面定义引用的 url 位置: \u0060[id]:url\u0060 [id]: https://octodex.github.com/images/dojocat.jpg "The Dojocat" # 数学公式内联数学公式: $E = mc^2$. 块级数学公式 $$ \\begin{aligned} T( (v_1 + v_2) \\otimes w) &= T(v_1 \\otimes w) + T(v_2 \\otimes w) \\\\ T( v \\otimes (w_1 + w_2)) &= T(v \\otimes w_1) + T(v \\otimes w_2) \\\\ T( (\\alpha v) \\otimes w ) &= T( \\alpha ( v \\otimes w) ) \\\\ T( v \\otimes (\\alpha w) ) &= T( \\alpha ( v \\otimes w) ) \\\\ \\end{aligned} $$ --- 结束 ` }) ] }); } function MDXContent(props = {}) { const { wrapper: MDXLayout } = props.components || {}; return MDXLayout ? (0, react_jsx_runtime.jsx)(MDXLayout, { ...props, children: (0, react_jsx_runtime.jsx)(_createMdxContent, { ...props }) }) : _createMdxContent(props); } //#endregion exports.default = MDXContent;