同版本内链接（自动指向当前浏览的框架）

同版本内链接（自动指向当前浏览的框架）

【免费下载链接】handsontableJavaScript Data Grid / Data Table with a Spreadsheet Look & Feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡项目地址: https://gitcode.com/gh_mirrors/ha/handsontable

link_text

示例：链接到 core.md 的 updatesettings 锚点

Core

跨框架链接（指定目标框架，仍为同一文档版本）

link_text

示例：仅 React 框架可访问的页面

React methods

规则要点：`@` 后跟目标文件的相对路径（从当前版本根目录算起）；文件名后需加 `.md` 扩展名；链接到特定章节时使用锚点；目标文件必须定义 `permalink` frontmatter；若最终 URL 生成失败，初始值会作为相对链接输出。可用框架列表：`javascript`、`react`、`angular`。 ### Markdown 容器 文档使用 Markdown 容器实现丰富渲染，由 [vuepress-preprocessor.mjs](https://link.gitcode.com/i/9e232ae7eee6f0a7ee16cff07e078fc4) 插件把 VuePress 风格语法转换为 Astro/Starlight 兼容输出。常用容器如下： | 容器 | 用途 | | --- | --- | | `::: tip [title]` | 蓝色提示 | | `::: warning [title]` | 黄色警告 | | `::: danger [title]` | 红色危险提示 | | `::: details [title]` | 可展开的手风琴内容 | | `::: source-code-link <URL>` | 在 API 参考头部添加源码链接 | | `::: example [options]` | 按 [options] 渲染代码示例 | 其中 `tip`/`warning`/`danger`/`note` 提示块的主体不是完整 CommonMark，预处理器会把行内 `` `code` ``、`**bold**` 和 `label` 转成 HTML（见 [aside-inline-markdown.mjs](https://link.gitcode.com/i/6186595d28495758374d2d532c6cfc0c)）。 ### 添加代码示例 `example` 容器是文档站最强大的内容形态——它同时生成**实时预览**与**代码标签页**： ```md ::: example #exampleId .class :react-redux --html 1 --js 2 --css 3 --no-edit --tab preview ```html <div id="exampleId"></div> ``` ```js // code here ``` ```css /* custom css here */ ``` :::

容器选项详解：

选项	必填	示例	可选值	用途
#exampleId	否	#example1	字符串	容器唯一 ID
.class	否	.new-class	字符串	容器自定义类
:preset	否	:hot	:hot、:hot-lang、:hot-numbro、:react、:react-languages、:react-numbro、:react-redux、:react-advanced、:angular、:angular-languages、:angular-numbro、:vue3、:vue3-numbro、:vue3-languages、:vue3-vuex	设置代码依赖
--js <pos>	否	--js 1	正整数（默认1）	设置 JS 代码片段在容器中的位置
--html <pos>	否	--html 2	正整数（默认0）	设置 HTML 片段位置；0禁用 HTML 标签页
--css <pos>	否	--css 2	正整数（默认0）	设置 CSS 片段位置；0禁用 CSS 标签页
--no-edit	否	--no-edit	--no-edit	移除Edit按钮
--tab <tab>	否	--tab preview	code、html、css、preview	设置默认打开的标签页

React 代码风格指南

编辑 React 示例时需遵循的约定（摘自 README-EDITING.md）：

• 不要把多个 props 收进单个settings={}prop，应逐个声明 props：

  <HotTable data={data} height="auto" />

• JSX 中使用双引号（""）；prop 值为字符串时用双引号且不加花括号；JSX 内的 JS 对象用单引号：

  <HotTable licenseKey="00000-00000-00000-00000-00000" nestedHeaders={[ ['A', { label: 'B', colspan: 8 }, 'C'] ]} />

【免费下载链接】handsontableJavaScript Data Grid / Data Table with a Spreadsheet Look & Feel. Works with React, Angular, and Vue. Supported by the Handsontable team ⚡项目地址: https://gitcode.com/gh_mirrors/ha/handsontable