所见即所得的 Markdown 编辑器

article/2025/11/2 2:13:42

✨ 特性

  • 支持三种编辑模式:所见即所得(wysiwyg)、即时渲染(ir)、分屏预览(sv)

  • 支持大纲、数学公式、脑图、图表、流程图、甘特图、时序图、五线谱、多媒体、语音阅读、标题锚点、代码高亮及复制、graphviz 渲染

  • 内置安全过滤、导出、图片懒加载、任务列表、at、多平台预览、多主题切换、复制到微信公众号功能

  • 实现 CommonMark 和 GFM 规范,可对 Markdown 进行格式化和语法树查看,并支持 10+ 项配置

  • 工具栏包含 36+ 项操作,除支持扩展外还可对每一项中的快捷键、提示、提示位置、图标、点击事件、类名、子工具栏进行自定义

  • 表情自动补全,设置常用表情,支持表情自定义

  • 可使用拖拽、剪切板粘贴上传,显示实时上传进度,支持 CORS 跨域上传

  • 实时保存内容,防止意外丢失

  • 录音支持,用户可直接发布语音

  • 粘贴 HTML 自动转换为 Markdown,如粘贴中包含外链图片可通过指定接口上传到服务器

  • 支持主窗口大小拖拽、字符计数

  • 多主题支持,内置黑白绿三套主题

  • 多语言支持,内置中、英、韩文本地化

  • 支持主流浏览器,对移动端友好

? 编辑模式

所见即所得(WYSIWYG)

所见即所得模式对不熟悉 Markdown 的用户较为友好,熟悉 Markdown 的话也可以无缝使用。

即时渲染(IR)

即时渲染模式对熟悉 Typora 的用户应该不会感到陌生,理论上这是最优雅的 Markdown 编辑方式。

分屏预览(SV)

传统的分屏预览模式适合大屏下的 Markdown 编辑。

? 语法支持

  • 所有 CommonMark 语法:分隔线、ATX 标题、Setext 标题、缩进代码块、围栏代码块、HTML 块、链接引用定义、段落、块引用、列表、反斜杠转义、HTML 实体、行级代码、强调、加粗、链接、图片、行级 HTML、硬换行、软换行和纯文本。

  • 所有 GFM 语法:表格、任务列表项、删除线、自动链接、XSS 过滤

  • 常用 Markdown 扩展语法:脚注、ToC、自定义标题 ID

  • 图表语法

  • 流程图、时序图、甘特图,通过 Mermaid 支持

  • Graphviz

  • 折线图、饼图、脑图等,通过 ECharts 支持

  • 五线谱:通过 abc.js 支持

  • 数学公式:数学公式块、行级数学公式,通过 MathJax 和 KaTeX 支持

  • 中文语境优化

  • 中西文之间插入空格

  • 术语拼写修正

  • 中文后跟英文逗号句号等标点替换为中文对应标点

以上大部分特性可以通过开关配置是否启用,开发者可根据自己的应用场景选择搭配。


http://chatgpt.dhexx.cn/article/IndgF7Ta.shtml

相关文章

Qt官方示例-Markdown编辑器

基于QWebEngineView与QWebChannel实现的Markdown编辑器。 0x00 原理 Markdown编辑器演示了如何使用QWebChannel和JavaScript库为自定义标记语言提供富文本预览工具。 Markdown是一种轻量级的标记语言,具有纯文本格式语法。可以在浏览器中查看时将内容呈现为富文本格…

react实现markdown编辑器

文章目录 思路体验地址 [https://hongbin.xyz/admin#/md](https://hongbin.xyz/admin#/md)效果加粗/斜体等粘贴图片上传拖拽图片上传添加列表/代办/表格添加 代码片段同步滚动 toc目录 功能如下 上传图片 包括 点击上传 拖拽上传 粘贴图片上传 点击nav button添加语法块 自动…

Django + markdown 前台使用markdown编辑器深入浅出详解

一、需求来源 近期有一个 django 前台使用 markdown 编辑器的需求,网上查了很多资料很多都是在后台使用 markdown 编辑器,然后在前台展示,可以参考。但是这种的教程对于想在前台页面使用 markdown 编辑器的人来说,属实是很难看懂…

基于Web的Markdown编辑器HedgeDoc

什么是 HedgeDoc ? HedgeDoc 是一个开源的、基于 web 的、自托管的、协作的markdown编辑器。您可以使用它轻松地在笔记、图形甚至演示文稿上进行实时协作。用户需要做的就是将你的笔记链接分享给同事,他们就可以开始使用了。 不想自己搭建可以试试官方的…

只需3步把VSCode打造成Markdown编辑器

对于大部分编程人员来说都熟悉VSCode,因为大家经常使用它来编写代码,其实也可以把它当作加强版的记事本来使用,还能这么做? 我就是这么做的,其原因在于以下工作场景:分析或者编写代码时需要做一些笔记&…

本地Markdown编辑器推荐

以前用markdown记东西都是网页编辑器例如作业部落、MarkdownEditor,一直想找一个本地可以离线使用的markdown编辑器。 以下就是我找到并且亲自尝试的一些了,这篇文章是适用于Windows的。 文章目录 MarkTextTyporaTextsHaroopadMarkPadMarkdownPadCaretC…

盘点好用的 Markdown 编辑器

Markdown 是以文本形式保存的,基本上任何一款编辑器都可以完成 Markdown 写作(包括 Windows 的记事本、Linux 的 Vim 等等)。不过,如果你想更专注于写作,一款支持语法显示和实时渲染的工具能让你事半功倍! …

前端:推荐一款开源免费的浏览器端Markdown编辑器Vditor

目前程序员的世界到处都是Markdown ,比如CSDN、简书、GitCha、 GitHub、掘金社区等等都支持Markdown文档,另外近几年许多官方技术文档都是使用Markdown来写的。 使用Markdown不仅可以非常方便的写博客、写技术文档,而且可以直接导出对应的网站…

Vue Markdown编辑器

效果展示 因工作中需要使用 是在https://gitee.com/wike2019/wike__md_editor中自己摸索完成 如有侵权请 告知本人 本人立刻删除此文章 简介 一款使用marked和highlight.js开发的一款markdown编辑器,除常见markdown语法外,支持快捷输入、图片粘贴、代…

R语言计量经济学:虚拟变量(哑变量)在线性回归模型中的应用

最近我们被客户要求撰写关于线性回归的研究报告,包括一些图形和统计输出。 为什么需要虚拟变量? 大多数数据都可以用数字来衡量,如身高和体重。然而,诸如性别、季节、地点等变量则不能用数字来衡量。相反,我们使用虚拟…

《计量经济学》学习笔记之虚拟变量及滞后变量模型

导航 上一章:放款基本假定的模型 文章目录 导航经典单方程计量 经济学模型:专门问题5.1虚拟变量模型一、虚拟变量的引入二、虚拟变量的设置原则 5.2滞后变量模型一、滞后变量模型二、分布滞后模型的参数估计三、自回归模型的参数估计四、格兰杰因果检验…

R语言使用虚拟变量(Dummy Variables) 回归分析工资影响因素

最近我们被客户要求撰写关于虚拟变量(Dummy Variables) 回归的研究报告,包括一些图形和统计输出。 简介 本文与以下两个问题有关。你应该如何添加虚拟变量?你应该如何解释结果? 如果使用一个例子,我们可能会更容易理解这些问题。…

虚拟变量在模型中的作用

虚拟变量是什么 实际场景中,有很多现象不能单纯的进行定量描述,只能用例如“出现”“不出现”这样的形式进行描述,这种情况下就需要引入虚拟变量。例如即将到来的女生节,每年的这个时候毛绒玩具的销量都会上升,说明女生…

R 回归 虚拟变量na_互助问答第30期:工具变量、GARCH模型操作和多项选择效信度...

问题1:用截面数据研究var1对y1 与y2 的影响,由于y1是0-1型的变量、y2为连续变量,因此分别用probit与tobit模型做了回归,首先做了基础回归,之后做了工具变量回归,但工具变量回归的结果(系数的绝对值)却远远大于原回归系数的绝对值,|-2.006|>|-0.046|,为何工具变量回归…

多元线性回归及虚拟变量(哑变量)设置

1.多元线性回归SPSS分析 四步搞定SPSS多元线性回归视频教程(含详细操作及结果解读)_哔哩哔哩_bilibili订阅陈老师B站送福利!订阅后加陈老师QQ1622275006送数据分析教程及软件福利哟~关注微信公众号:杏花开医学统计,免…

虚拟变量陷阱原理及算例

文章目录 1.虚拟变量2.虚拟变量陷阱3.虚拟变量陷阱例子及分析4.总结5.参考资料 1.虚拟变量 直接在回归模型中加入定性因素(比如类别因素:男或女)存在困难,因此可以考虑把定性因素量化,使定性因素与定量因素在回归模型…

机器学习(时间序列):线性回归之虚拟变量 dummy variables

1 前言 当预测变量是分类变量时,我们可以引入虚拟变量,作为回归的虚拟变量虚拟变量也可用于解释数据中的异常值。 虚拟变量不会忽略异常值,而是消除其影响。 在这种情况下,虚拟变量对该观察值取值为 1,而在其他任何正…

虚拟变量的方法介绍及python实现方式

虚拟变量的定义作用 计量经济学中对虚拟变量给出了定义、作用及使用场景,进一步的深入了解可以系统性学习。 定义:虚拟变量 ( Dummy Variables) ,用以反映无法定量度量的因素,譬如性别对收入的影响,是量化了的质变量&…

【计量经济学】虚拟变量

虚拟变量–潘登同学的计量经济学笔记 文章目录 虚拟变量--潘登同学的计量经济学笔记 对定性信息的描述只有一个虚拟变量的情形虚拟变量系数的解释虚拟变量的作用效果检验工资性别歧视因变量为对数形式的情况 多个虚拟变量的情形虚拟变量系数的解释使用虚拟变量包含序数信息虚拟…

php读取文件名称,php如何获取文件名

php获取文件名的方法&#xff1a;可以用basename()函数来获取文件名&#xff0c;例如&#xff1a;【basename($full_name)】。还可以使用pathinfo()函数来获取文件名。 PHP中获取文件名的方式 1、直接用basename&#xff1a;<?php $full_name c:\wamp\php\php.ini; $base…