UNPKG

@rtdui/editor

Version:

React rich text editor based on tiptap

1,395 lines (1,338 loc) 51.2 kB
'use client'; 'use strict'; var jsxRuntime = require('react/jsx-runtime'); 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 jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(_components.h2, { id: "支持粘贴-markdown-内容", children: "支持粘贴 Markdown 内容" }), "\n", jsxRuntime.jsx(_components.p, { children: "复制 Markdown 内容粘贴到文本编辑器中, 会自动进行转换." }), "\n", jsxRuntime.jsxs(_components.p, { children: ["粘贴的 Markdown 的语法遵循 VS Code 内置的 Markdwon 规范: 标准语法 + GFM 扩展语法 + Tatex 语法(", jsxRuntime.jsx(_components.code, { children: "$文本$" }), "和", jsxRuntime.jsx(_components.code, { children: "$$文本$$" }), "). 也就是说从 VS Code 中复制的 Markdown 内容可以直接粘贴到编辑器中, 唯一的例外是为了安全不支持 Markdown 中包含 html 标签."] }), "\n", jsxRuntime.jsx(_components.h2, { id: "拖拉支持", children: "拖拉支持" }), "\n", jsxRuntime.jsx(_components.p, { children: "已插入的图片支持拖动到任意位置; 当鼠标移动到图片右下角会出现指示器, 拖动指示器可以调整图片大小." }), "\n", jsxRuntime.jsx(_components.h2, { id: "mardown-语法识别", children: "Mardown 语法识别" }), "\n", jsxRuntime.jsx(_components.p, { children: "Mardown 语法识别遵循 Markdown 的规范" }), "\n", jsxRuntime.jsxs(_components.p, { children: [jsxRuntime.jsx(_components.strong, { children: "Mardown 输入规则自动转换需要紧跟空格加以确认" }), ", 并且可以在转换后按", jsxRuntime.jsx("kbd", { children: "Backspace" }), "取消自动转换."] }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "输入" }), jsxRuntime.jsx(_components.th, { children: "转换" }), jsxRuntime.jsx(_components.th, { children: "说明" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "#" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "H1" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "##" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "H2" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "###" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "H3" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "####" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "H4" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "#####" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "H5" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "######" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "H6" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx(_components.code, { children: "---" }) }), jsxRuntime.jsx(_components.td, { children: "水平分割线" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "-" }), "或", jsxRuntime.jsx(_components.code, { children: "+" }), "或", jsxRuntime.jsx(_components.code, { children: "*" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "符号列表" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "1." }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "序号列表" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效, 任意数字均可" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "[ ]" }), "或", jsxRuntime.jsx(_components.code, { children: "[x]" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "任务列表" }), jsxRuntime.jsxs(_components.td, { children: ["必须在行头有效, ", jsxRuntime.jsx(_components.code, { children: "[ ]" }), "中间有个空格,表示未选中状态; x 字符必须小写,表示选中状态"] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "```" }), jsxRuntime.jsx(_components.td, { children: "围栏代码块" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效, ```之后可以紧跟语言标识, 这会启用语法高亮. 支持的语言标识: txt,js,jsx,ts,tsx,html,css,c,cpp,md,java,csharp,sh,sql,ini" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "$$" }), "+", jsxRuntime.jsx("kbd", { children: "空格" })] }), jsxRuntime.jsx(_components.td, { children: "数学公式块" }), jsxRuntime.jsx(_components.td, { children: "必须在行头有效" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx(_components.code, { children: "[显示文本](链接)" }) }), jsxRuntime.jsx(_components.td, { children: "插入链接" }), jsxRuntime.jsx(_components.td, { children: "可以在任意位置" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx(_components.code, { children: "![显示文本](链接)" }) }), jsxRuntime.jsx(_components.td, { children: "插入图片" }), jsxRuntime.jsx(_components.td, { children: "可以在任意位置" })] })] })] }), "\n", jsxRuntime.jsx(_components.p, { children: jsxRuntime.jsx(_components.strong, { children: "Mardown 包裹规则自动转换需要前导符之前至少有一个空格, 否则会识别为常规字符. 可以在行中任意位置" }) }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "语法" }), jsxRuntime.jsx(_components.th, { children: "转换" }), jsxRuntime.jsx(_components.th, { children: "说明" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "`文本`" }), jsxRuntime.jsx(_components.td, { children: "行内代码" }), jsxRuntime.jsx(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "_文本_" }), " 或者", jsxRuntime.jsx(_components.code, { children: "*文本*" })] }), jsxRuntime.jsx(_components.td, { children: "斜体文本" }), jsxRuntime.jsx(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx(_components.code, { children: "**文本**" }), " 或者", jsxRuntime.jsx(_components.code, { children: "__文本__" })] }), jsxRuntime.jsx(_components.td, { children: "粗体文本" }), jsxRuntime.jsx(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx(_components.code, { children: "~~文本~~" }) }), jsxRuntime.jsx(_components.td, { children: "删除线文本" }), jsxRuntime.jsx(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx(_components.code, { children: "==文本==" }) }), jsxRuntime.jsx(_components.td, { children: "高亮文本" }), jsxRuntime.jsx(_components.td, { children: "可以在行中任意位置,但前导符之前至少有一个空格" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx(_components.code, { children: "$公式文本$" }) }), jsxRuntime.jsx(_components.td, { children: "内联的 Katex 数学公式" }), jsxRuntime.jsx(_components.td, { children: "可以在任意位置" })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx(_components.code, { children: "$$公式文本$$" }) }), jsxRuntime.jsx(_components.td, { children: "块级居中的 Katex 数学公式" }), jsxRuntime.jsx(_components.td, { children: "可以在任意位置" })] })] })] }), "\n", jsxRuntime.jsx(_components.h2, { id: "快捷键", children: "快捷键" }), "\n", jsxRuntime.jsxs(_components.p, { children: ["注意: 编辑器的快捷键可能与操作系统的快捷键冲突, 如 Windows 下的", jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "." }), "可能会与操作系统输入法的中英文标点切换的快捷键冲突导致不生效, 因为操作系统的优先级更高."] }), "\n", jsxRuntime.jsx(_components.h3, { id: "基本", children: "基本" }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "命令" }), jsxRuntime.jsx(_components.th, { children: "Windows/Linux" }), jsxRuntime.jsx(_components.th, { children: "MacOS" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "复制" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "C" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "C" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "剪切" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "X" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "X" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "粘贴" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "V" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "V" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "无格式粘贴" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "V" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "V" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "撤销操作" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Z" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Z" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "重做操作" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "Z" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "Z" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "段落内换行" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Enter" }), " 或者 ", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "Enter" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Enter" }), " 或者 ", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "Enter" })] })] })] })] }), "\n", jsxRuntime.jsx(_components.h3, { id: "选择", children: "选择" }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "命令" }), jsxRuntime.jsx(_components.th, { children: "Windows/Linux" }), jsxRuntime.jsx(_components.th, { children: "MacOS" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "全选" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "A" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "A" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "向左侧扩展选择一个字符" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "←" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "←" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "向右侧扩展选择一个字符" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "→" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "→" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "向上扩展选择一行" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "↑" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "↑" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "向下扩展选择一行" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "↓" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "↓" })] })] })] })] }), "\n", jsxRuntime.jsx(_components.h3, { id: "文本格式", children: "文本格式" }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "命令" }), jsxRuntime.jsx(_components.th, { children: "Windows/Linux" }), jsxRuntime.jsx(_components.th, { children: "MacOS" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "粗体" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "B" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "B" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "斜体" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "I" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "I" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "下划线" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "U" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "U" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "删除线" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "X" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "X" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "文本高亮" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "H" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "H" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "内联代码" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "E" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "E" })] })] })] })] }), "\n", jsxRuntime.jsx(_components.h3, { id: "段落格式", children: "段落格式" }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "命令" }), jsxRuntime.jsx(_components.th, { children: "Windows/Linux" }), jsxRuntime.jsx(_components.th, { children: "MacOS" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发常规文本样式" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "0" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "0" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发标题 1 样式" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "1" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "1" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发标题 2 样式" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "2" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "2" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发标题 3 样式" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "3" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "3" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发标题 4 样式" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "4" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "4" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发标题 5 样式" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "5" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "5" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发标题 6 样式" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "6" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "6" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发编号列表" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "7" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "7" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发符号列表" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "8" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "8" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发任务列表" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "9" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "9" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "触发块引用" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "B" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "B" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "左对齐" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "L" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "L" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "居中对齐" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "E" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "E" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "右对齐" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "R" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "R" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "两端对齐" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "J" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "J" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "行内代码" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "E" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "E" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "上标" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "." })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "." })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "下标" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "," })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "," })] })] })] })] }), "\n", jsxRuntime.jsx(_components.h3, { id: "代码块", children: "代码块" }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "命令" }), jsxRuntime.jsx(_components.th, { children: "Windows/Linux" }), jsxRuntime.jsx(_components.th, { children: "MacOS" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "代码块" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "C" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Alt" }), "+", jsxRuntime.jsx("kbd", { children: "C" })] })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "跳出代码块" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Ctrl" }), "+", jsxRuntime.jsx("kbd", { children: "Enter" }), " 或者在末尾连按三次回车"] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Cmd" }), "+", jsxRuntime.jsx("kbd", { children: "Enter" }), "或者在末尾连按三次回车"] })] })] })] }), "\n", jsxRuntime.jsx(_components.h3, { id: "列表", children: "列表" }), "\n", jsxRuntime.jsxs(_components.table, { children: [jsxRuntime.jsx(_components.thead, { children: jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.th, { children: "命令" }), jsxRuntime.jsx(_components.th, { children: "Windows/Linux" }), jsxRuntime.jsx(_components.th, { children: "MacOS" })] }) }), jsxRuntime.jsxs(_components.tbody, { children: [jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "列表项增加缩进层级" }), jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx("kbd", { children: "Tab" }) }), jsxRuntime.jsx(_components.td, { children: jsxRuntime.jsx("kbd", { children: "Tab" }) })] }), jsxRuntime.jsxs(_components.tr, { children: [jsxRuntime.jsx(_components.td, { children: "列表项减少缩进层级" }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "Tab" })] }), jsxRuntime.jsxs(_components.td, { children: [jsxRuntime.jsx("kbd", { children: "Shift" }), "+", jsxRuntime.jsx("kbd", { children: "Tab" })] })] })] })] }), "\n", jsxRuntime.jsx(_components.h2, { id: "其它操作", children: "其它操作" }), "\n", jsxRuntime.jsxs(_components.ul, { children: ["\n", jsxRuntime.jsxs(_components.li, { children: ["\n", jsxRuntime.jsx(_components.p, { children: "在表格中" }), "\n", jsxRuntime.jsxs(_components.p, { children: ["在", jsxRuntime.jsx(_components.strong, { children: "最右下角" }), "的单元格中按下", jsxRuntime.jsx("kbd", { children: "Tab" }), "键自动添加行."] }), "\n"] }), "\n", jsxRuntime.jsxs(_components.li, { children: ["\n", jsxRuntime.jsx(_components.p, { children: "在列表中" }), "\n", jsxRuntime.jsxs(_components.p, { children: ["在", jsxRuntime.jsx(_components.strong, { children: "末尾的空项" }), "处, 每按一次", jsxRuntime.jsx("kbd", { children: "Enter" }), "键会退出一级, 直至退出整个列表"] }), "\n"] }), "\n"] }), "\n", jsxRuntime.jsx(_components.h3, { id: "间隙光标", children: "间隙光标" }), "\n", jsxRuntime.jsx(_components.p, { children: "正常的光标是闪烁的垂直线条, 间隙光标是闪烁的水平线条. 间隙光标不是真实的位置, 只有输入内容后才会在间隙光标处创建插入点." }), "\n", jsxRuntime.jsx(_components.p, { children: "间隙光标出现时可以直接输入, 编辑器会自动创建插入点. 间隙光标是为解决在文档最前面或者最后面处没有插入点的问题, 当遇到这个问题时通过以下方式显示间隙光标:" }), "\n", jsxRuntime.jsxs(_components.ul, { children: ["\n", jsxRuntime.jsxs(_components.li, { children: ["\n", jsxRuntime.jsxs(_components.p, { children: ["对于表格:", jsxRuntime.jsx(_components.br, {}), "\n", "在", jsxRuntime.jsx(_components.strong, { children: "最左上角" }), "的单元格中按", jsxRuntime.jsx("kbd", { children: "↑" }), "键会显示表格上方的间隙光标", jsxRuntime.jsx(_components.br, {}), "\n", "在", jsxRuntime.jsx(_components.strong, { children: "最右下角" }), "的单元格中按", jsxRuntime.jsx("kbd", { children: "↓" }), "键会显示表格下方的间隙光标"] }), "\n"] }), "\n", jsxRuntime.jsxs(_components.li, { children: ["\n", jsxRuntime.jsxs(_components.p, { children: ["对于图片", jsxRuntime.jsx(_components.br, {}), "\n", "选定图片后按下", jsxRuntime.jsx("kbd", { children: "↑" }), "键/", jsxRuntime.jsx("kbd", { children: "↓" }), "键, 显示图片上方/下方的间隙光标"] }), "\n"] }), "\n"] }), "\n", jsxRuntime.jsx(_components.h2, { id: "markdown-测试", children: "Markdown 测试" }), "\n", jsxRuntime.jsx(_components.p, { children: "复制以下 Markdown 源码, 然后粘贴到编辑中查看效果:" }), "\n", jsxRuntime.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 ? jsxRuntime.jsx(MDXLayout, { ...props, children: jsxRuntime.jsx(_createMdxContent, { ...props }) }) : _createMdxContent(props); } module.exports = MDXContent; //# sourceMappingURL=editorMan.mdx.cjs.map