在线Markdown编辑器 - 实时预览Markdown

84 次使用 5.0 (7人已评)

Markdown 实时预览器

左侧编辑 · 右侧即时渲染

已保存 0 字

# 欢迎使用找工具啦 Markdown 实时预览器 :)

在**左边**输入 Markdown，**右边**会立即渲染。所有样式都封装在 `#mdlv-app` 内，复制即用、互不干扰。

## 支持的功能

- 标准 Markdown 语法
- 代码高亮（highlight.js）
- 数学公式（KaTeX）
- 流程图（Mermaid）
- 二维码（QRCode）

> 提示：图标使用 remixicon，配色为清爽绿。

### 表格

| 功能 | 说明 | 状态 |
| --- | --- | :---: |
| 代码高亮 | GitHub Dark 主题 | ✔ |
| 数学公式 | 行内与块级 | ✔ |
| 图表 | Mermaid | ✔ |

### 代码高亮

```js
function greet(name) {
  return `Hello, ${name}!`;
}
console.log(greet("Markdown"));
```

### 数学公式

行内公式 $E = mc^2$，含下划线的 $v_1 \times v_2$ 也能正常渲染。块级公式：

$$
\int_{a}^{b} f(x)\,dx = F(b) - F(a)
$$

矩阵与叉积（多行 `\\` 换行）：

$$
v_1 \times v_2 = \begin{vmatrix}
\mathbf{i} & \mathbf{j} & \mathbf{k} \\
a_1 & b_1 & c_1 \\
a_2 & b_2 & c_2
\end{vmatrix}
$$

异面直线最短距离：$d = \dfrac{|\overrightarrow{AB} \cdot (v_1 \times v_2)|}{\|v_1 \times v_2\|}$

1) 行内公式（含下划线/上下标/中文混排）
电流从 $I_{start}$ 上升到 $I_{rated}$，时间常数为 $\tau$。

角频率 $\omega_0 = 2\pi f_0$，其中 $f_0=50\text{Hz}$。

混合上下标：$a_{i,j}^{(k+1)} = a_{i,j}^{(k)} + \Delta a_{i,j}$。

2) 基础四则运算与括号优先级
$$ (1+2)\times 3 - 4\div 5 = \frac{11}{5} $$

3) 分数、根号、绝对值、范数
$$ \frac{\sqrt{a^2+b^2}}{|x-y|} \le \left\lVert \mathbf{v} \right\rVert_2 $$

4) 求和、乘积、极限、导数、积分
$$ \sum_{k=1}^{n} k = \frac{n(n+1)}{2} $$

$$ \prod_{k=1}^{n} \left(1+\frac{1}{k}\right)=n+1 $$

$$ \lim_{x\to 0} \frac{\sin x}{x} = 1 $$

$$ \frac{d}{dx}(x^n)=n x^{n-1},\quad \int_0^{\pi} \sin x\,dx = 2 $$

5) 指数、对数、三角函数、欧拉公式
$$ e^{i\pi}+1=0 $$

$$ \ln(ab)=\ln a+\ln b,\quad \log_{10}(1000)=3 $$

$$ \sin^2\theta+\cos^2\theta=1 $$

6) 向量、点乘/叉乘、矩阵、行列式
$$ \mathbf{a}\cdot\mathbf{b}=\|\mathbf{a}\|\,\|\mathbf{b}\|\cos\theta $$

$$ \mathbf{a}\times\mathbf{b}= \begin{vmatrix} \mathbf{i}&\mathbf{j}&\mathbf{k}\\ a_x&a_y&a_z\\ b_x&b_y&b_z \end{vmatrix} $$

$$ A= \begin{bmatrix} 1&2&3\\ 4&5&6\\ 7&8&9 \end{bmatrix},\quad \det(A)=0 $$

7) 分段函数（容易踩坑）
$$ f(x)= \begin{cases} x^2, & x\ge 0\\ -x, & x<0 \end{cases} $$

8) 对齐、多行推导（aligned）
$$ \begin{aligned} I_{start} &= K\cdot I_{rated} \\ &= 6\times 19 \\ &= 114\,\text{A} \end{aligned} $$

9) 物理单位/中文说明（\\text{}）
$$ P=UI,\quad U=380\,\text{V},\ I=19\,\text{A} $$

10) 概率统计（期望/方差/正态分布）
$$ \mathbb{E}[X]=\sum_x x\,p(x),\quad \mathrm{Var}(X)=\mathbb{E}[X^2]-\mathbb{E}[X]^2 $$

$$ X\sim\mathcal{N}(\mu,\sigma^2) $$

11) 常见符号全集（检查渲染字体/符号）
$$ \forall,\ \exists,\ \in,\ \notin,\ \subset,\ \subseteq,\ \cup,\ \cap,\ \Rightarrow,\ \Leftrightarrow,\ \approx,\ \propto,\ \pm,\ \times,\ \div $$

12) “最关键测试”：下划线不应变成斜体（<em>）
$$ I_{start}+I_{end}+V_{in}+V_{out}+x_{1}+x_{2}+a_{i,j} $$

### 流程图（mermaid 代码块）

```mermaid
graph LR
  A[编写 Markdown] --> B{实时解析}
  B --> C[HTML 预览]
  B --> D[代码高亮]
  B --> E[公式渲染]
```

### 二维码（qrcode 代码块）

```qrcode
https://www.tskau.com/text/markdownbj/
```

---

祝使用愉快 :)

实时预览

工具信息

发布日期: 2026-07-24

描述: Markdown实时预览编辑器，左侧编写右侧即时渲染，支持数学公式、流程图、代码高亮、二维码与表格，可导出Markdown、TXT、HTML、PNG图片和PDF文件，支持一键复制富文本、本地草稿自动保存、双向平滑同步滚动与整屏全屏

使用方法: 在左侧输入框编写Markdown内容，右侧会即时呈现渲染效果，支持粘贴图片自动转为base64、拖入md文件直接打开、Ctrl加S保存草稿与Ctrl加斜杠快捷注释，需要时点击底部按钮即可导出Markdown、TXT、HTML、PNG或PDF，也可复制富文本粘贴到Word或公众号，还能一键全屏预览或全屏编辑，内容会自动保存在本地浏览器

Markdown编辑器 Markdown实时预览在线Markdown工具 Markdown转HTML Markdown导出PDF Markdown导出图片 Markdown转PNG 数学公式渲染 KaTeX公式 LaTeX公式代码高亮 mermaid流程图二维码生成富文本复制草稿自动保存双向同步滚动全屏编辑可嵌入编辑器纯前端Markdown 免费Markdown工具 Markdown在线编辑所见即所得

← 返回

发表评论

昵称 *

邮箱

评论内容 *

0/300

暂无评论，来发表第一条评论吧！

在线Markdown编辑器 - 实时预览Markdown

工具信息

富文本转HTML-清洗标签与内联样式新

公式渲染工具-LaTeX公式在线预览新

彩虹文字特效生成器-彩色渐变字体在线制作新

评论 (0)

发表评论

扫码访问工具