跳到主要内容

内嵌HTML和React

- · - ·

在 Markdown 里面是可以直接内嵌 HTML 语法的。扩展的 MarkdownX 语法中可以使用 React 的 JSX 语法。

12.1 在 Markdown 中内嵌 HTML​

下面的代码是在 Markdown 里面使用 html 添加了一个有用户名和密码输入框的表单

**请在下面表单中输入您的用户名和密码**

<form>
  <div>
      <label>用户名</label><input type="text" placeholder="请输入用户名"/>
  </div>
  <div>
      <label>密码</label><input type="password" placeholder="请输入密码"/>
  </div>
</form>

会生成下面效果

请在下面表单中输入您的用户名和密码

在Markdown编辑器中打开

12.2 在 MarkdownX 中嵌入 React​

提示

在 MarkdownX 中嵌入 React 特性为扩展特性，大多数Markdown解析器都不支持。据我所知，只有Docusaurus，也就是本站所使用的框架支持。

下面的代码是在正则表达式教程里面常用的正则表达式输入框。

提示

下面的第一行import代码必须放到整个文档内容的最前面

import RegexWidget from "../components/RegexWidget";

<RegexWidget />

下面是生成的正则表达式输入框，可以直接输入。

在工具中查看
该内容为何方原创，转载请注明本页地址
https://iamhefang.cn/tutorials/markdown/内嵌HTML和React