@rtdui/editor
Version:
React rich text editor based on tiptap
1,395 lines (1,338 loc) • 51.2 kB
JavaScript
'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)
# 嵌入图片


和链接一样, 嵌入图片也支持引用语法: \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