Markdown编辑器

最新推荐文章于 2025-05-19 11:56:37 发布
最新推荐文章于 2025-05-19 11:56:37 发布
阅读量682 收藏 27
点赞数 15
分类专栏： 工具 文章标签： 编辑器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/strggle_bin/article/details/121470641
版权

这里写自定义目录标题

欢迎使用Markdown编辑器

你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

  1. 全新的界面设计 ，将会带来全新的写作体验；
  2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
  3. 增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
  4. 全新的 KaTeX数学公式 语法；
  5. 增加了支持甘特图的mermaid语法1 功能；
  6. 增加了 多屏幕编辑 Markdown文章功能；
  7. 增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
  8. 增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

删除文本

引用文本

H2O is是液体。

210 运算结果是 1024.

插入链接与图片

链接: link.

图片: Alt

带尺寸的图片: Alt

居中的图片: Alt

居中并且带尺寸的图片: Alt

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

  • 项目
    • 项目
      • 项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 计划任务
  • 完成任务

创建一个表格

一个简单的表格是这么创建的：

项目Value
电脑$1600
手机$12
导管$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列第二列第三列
第一列文本居中第二列文本居右第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPEASCIIHTML
Single backticks'Isn't this fun?'‘Isn’t this fun?’
Quotes"Isn't this fun?"“Isn’t this fun?”
Dashes-- is en-dash, --- is em-dash– is en-dash, — is em-dash

创建一个自定义列表

Markdown
Text-to- HTML conversion tool
Authors
John
Luke

如何创建一个注脚

一个具有注脚的文本。2

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 Γ ( n ) = ( n − 1 ) ! ∀ n ∈ N \Gamma(n) = (n-1)!\quad\forall n\in\mathbb N Γ(n)=(n−1)!∀n∈N 是通过欧拉积分

Γ ( z ) = ∫ 0 ∞ t z − 1 e − t d t   . \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,. Γ(z)=∫0∞​tz−1e−tdt.

你可以找到更多关于的信息 LaTeX 数学表达式here.

新的甘特图功能，丰富你的文章

2014-01-07 2014-01-09 2014-01-11 2014-01-13 2014-01-15 2014-01-17 2014-01-19 2014-01-21 已完成 进行中 计划一 计划二 现有任务 Adding GANTT diagram functionality to mermaid
  • 关于 甘特图 语法，参考 这儿,

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

张三 李四 王五 你好！李四, 最近怎么样? 你最近怎么样，王五？ 我很好，谢谢! 我很好，谢谢! 李四想了很长时间, 文字太长了 不适合放在一行. 打量着王五... 很好... 王五, 你怎么样? 张三 李四 王五

这将产生一个流程图。:

链接
长方形
圆
圆角长方形
菱形
  • 关于 Mermaid 语法，参考 这儿,

FLowchart流程图

我们依旧会支持flowchart的流程图：

Created with Raphaël 2.3.0 开始 我的操作 确认？ 结束 yes no
  • 关于 Flowchart流程图 语法，参考 这儿.

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。

  1. mermaid语法说明 ↩︎

  2. 注脚的解释 ↩︎

MarkDown编辑器
05-17
C#是.NET框架下的一个面向对象的编程语言，具有丰富的库和强大的功能，常用于开发桌面应用程序，如我们这里的Markdown编辑器。 这个“MarkDown编辑器”项目是使用C#编写的，表明它利用了.NET Framework 3.5的特性，...
基于 web 端的 Markdown 编辑器，支持协同编辑扩展和方便的插件扩展
01-17
markdown下载基于 web 端的 Markdown 编辑器，支持协同编辑扩展和方便的插件扩展基于 web 端的 Markdown 编辑器，支持协同编辑扩展和方便的插件扩展基于 web 端的 Markdown 编辑器，支持协同编辑扩展和方便的插件...
常见的Markdown编辑器推荐！
PeterJXL的博客
07-31 1万+
工欲善其事，必先利其器。一款好用的 Markdown 编辑器能极大地提高我们的写作体验，本篇博客就来介绍一些好用的编辑器。
几款主流好用的 Markdown 编辑器，值得拥有
2401_86081155的博客
06-30 5万+
markdown编辑器产品非常多，以上只是本人接触过的一些，相信还有很多很好的markdown存在，其实也没必要全都试一遍，只有最适合自己的，才是最好的。小编这些年深知大多数初中级工程师，想要提升自己，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此我收集整理了一份《2024年Java全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。
常用 Markdown 编辑器详细介绍
weixin_43283430的博客
05-07 1824
当前主流的 Markdown 编辑器详细分析，涵盖功能特性、适用场景及收费模式
几款主流好用的markdown编辑器介绍
热门推荐
黄志千的博客
09-14 68万+
Markdown编辑器 　Markdown 其实在 2004 年就有了，不过之前一直很小众，这几年随着相关应用平台的发展，Markdown以其独到的优势迅速火起来了。Markdown编辑器使用一套格式标记语言来对文档内容进行排版和格式显示。而Markdown的标记很少，常用的也就十个左右，它是一种非常轻量的标记语言。 　Markdown编辑器深受技术人员的喜爱，Markdown可以用来编写说明...
Markdown编辑器推荐
共同成长
10-24 911
Markdown 是一种轻量级标记语言，创始人为约翰·格鲁伯（John Gruber）。它允许人们使用易读易写的纯文本格式编写文档，然后转换成有效的 XHTML（或者HTML）文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。由于 Markdown 的轻量化、易读易写特性，并且对于图片，图表、数学式都有支持，许多网站都广泛使用 Markdown 来撰写帮助文档或是用于论坛上发表消息。
在 Vue 2.0 中集成 Markdown 编辑器
m0_73467713的博客
08-17 3209
-- 可以添加更多的自定义工具按钮 -->
好用的 Markdown 编辑器组件
小秀的博客
09-06 1233
把 MdEditor 当前输入的值暴露给父组件，便于父组件去使用，同时也是提高组件的通用性，所以定义了属性和属性类型，把 value 和 onChange 事件交给父组件去管理。可以在任意客户端渲染页面（或组件）引入组件进行测试，这是因为该组件用到了 useRef 之类的仅客户端才支持的函数。这个是之前写 Vue3 用过的一个编辑器，也很不错，用法简单，同样支持 Vue、React 等。隐藏编辑器中不需要的操作图标（像 GitHub 图标）这里由于我的项目是 Next，所以安装。
markdown编辑器
啷个哩个啷
04-25 3244
文章目录1. 基于现有主题1.1 如何使用新主题1.2 一些比较好看的主题1.2.1 blubook主题1.2.2 orange-heart主题1.2.3 Gitbook主题（包含三种颜色样式）1.2.4 Mint主题（支持暗色模式）1.2.5 Notion主题（也是三种颜色模式）2. 自定义主题 1. 基于现有主题 进入typora的主题网页：https://theme.typora.io，如果打不开请考虑科学上网。不能科学上网的也没关系，我下面会放一些主题的图片，自行选择。 注意，这些主题并不一定经过
推荐 3 款 好用免费的 Markdown 编辑器
alunbar
08-27 3398
Notable 是一个开源的、界面美观的跨平台Markdown编辑工具，它采用了与Visual Studio Code相同的编辑器内核，因此具备了多光标编辑、迷你地图视图和卓越的语法高亮等特性。除此之外，Notable还具备了搜索笔记的功能、完全独立的工作模式无需连接网络、对键盘操作友好的用户界面设计以及笔记自动保存的特性。此外，Zettlr还具备隐私保护功能，支持全文搜索和片段管理。Zettlr是一款功能强大且易于使用的Markdown编辑器，专为写作者和研究人员设计，旨在提供一个高效的写作和研究环境。
VUE2.0集成 Markdown 编辑器
06-24
本篇文章将详细探讨如何在Vue 2.0项目中集成Markdown编辑器，以便为用户提供一个便捷的文本编辑体验。 Markdown是一种轻量级的标记语言，它允许我们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML。...
jQuery实现Markdown编辑器插件
06-24
在Web开发领域，Markdown编辑器因其简洁、直观的特性，被广泛应用于博客、论坛、笔记应用等场景。jQuery是一个流行的JavaScript库，提供了一系列方便的API来简化DOM操作、事件处理和Ajax交互。 jQuery实现Markdown...
虚拟网络编辑器
weixin_63891022的博客
05-15 599
情况2：虚拟机选择静态地址，配置的ip地址必须在DHCP分配的网段内，并且网关也必须是NAT模式所指定的，才可以连接其他网络。vmnet8 地址转换模式 NAT 功能：虚拟机可以和宿主通过vmnet8通信，并且可以连接其他网络，但是其他主机不可以连接虚拟机。桥接模式可以有多块，但是每个虚拟网卡必须桥接一个物理网卡，也就是说虚拟网卡个数受限于物理网卡个数。设置：虚拟机----->编辑------>虚拟网络编辑器。设置：虚拟机----->编辑------>虚拟网络编辑器。修改主机名后必须对新主机名解析。
企业标准信息公共服务平台已开放标准通编辑器访问入口
2301_81330852的博客
05-19 301
近日，企业标准信息公共服务平台已开放标准通编辑器访问入口，可进入官网指定版块使用！
解锁课程编辑器之独特风姿
ykjhr_3d的博客
05-13 808
课程编辑器致力于为学生打造沉浸式的学习体验，它利用先进的技术，如虚拟现实（VR）、增强现实（AR）等，为学生创造出一个逼真的学习环境，就像一台时空穿梭机，将学生带入知识的奇妙世界。以 VR 技术为例，在科学课上，学生可以戴上 VR 设备，仿佛置身于浩瀚的宇宙中，近距离观察行星的运转、恒星的爆发，感受宇宙的神秘与浩瀚；在选择课程主题、活动方案等时候，教师可以发起投票，让学生们根据自己的喜好进行选择，充分尊重学生的意见，提高他们的参与感，就像一场小型的民主选举，让学生感受到自己的选择权和责任感。
常见病虫识别样本-数据集
最新发布
05-19
来自2021年软件杯A4赛道的数据集，同时我们自己在网上搜集到了对应害虫的幼虫形态，总共15种害虫，同时对每一种害虫都做了标注，存放在Annotations文件里面。 注意：数据分为图片和Xml文件，xml文件里面是框框的坐标，数据有点少，大家也可以自行添加一点，有几个XML文件是空的。
餐馆点餐管理系统-数据库课程设计-MySQL
05-19
《餐馆点餐管理系统——基于Java和MySQL的课程设计解析》 在信息技术日益发达的今天，餐饮行业的数字化管理已经成为一种趋势。本次课程设计的主题是“餐馆点餐管理系统”，它结合了编程语言Java和数据库管理系统MySQL，旨在帮助初学者理解如何构建一个实际的、具有基本功能的餐饮管理软件。下面，我们将深入探讨这个系统的实现细节及其所涉及的关键知识点。 我们要关注的是数据库设计。在“res_db.sql”文件中，我们可以看到数据库的结构，可能包括菜品表、订单表、顾客信息表等。在MySQL中，我们需要创建这些表格并定义相应的字段，如菜品ID、名称、价格、库存等。此外，还要设置主键、外键来保证数据的一致性和完整性。例如，菜品ID作为主键，确保每个菜品的唯一性；订单表中的顾客ID和菜品ID则作为外键，与顾客信息表和菜品表关联，形成数据间的联系。 接下来，我们来看Java部分。在这个系统中，Java主要负责前端界面的展示和后端逻辑的处理。使用Java Swing或JavaFX库可以创建用户友好的图形用户界面（GUI），让顾客能够方便地浏览菜单、下单。同时，Java还负责与MySQL数据库进行交互，通过JDBC（Java Database Connectivity）API实现数据的增删查改操作。在程序中，我们需要编写SQL语句，比如INSERT用于添加新的菜品信息，SELECT用于查询所有菜品，UPDATE用于更新菜品的价格，DELETE用于删除不再提供的菜品。 在系统设计中，我们还需要考虑一些关键功能的实现。例如，“新增菜品和价格”的功能，需要用户输入菜品信息，然后通过Java程序将这些信息存储到数据库中。在显示所有菜品的功能上，程序需要从数据库获取所有菜品数据，然后在界面上动态生成列表或者表格展示。同时，为了提高用户体验，可能还需要实现搜索和排序功能，允许用户根据菜品名称或价格进行筛选。 另外，安全性也是系统设计的重要一环。在连接数据库时，要避免SQL注入攻击，可以通过预编译的PreparedStatement对象来执行SQL命令。对于用户输入的数据，需要进行验证和过滤，防止非法字符和异常值。 这个“餐馆点餐管理系统”项目涵盖了Java编程、数据库设计与管理、用户界面设计等多个方面，是一个很好的学习实践平台。通过这个项目，初学者不仅可以提升编程技能，还能对数据库管理和软件工程有更深入的理解。在实际开发过程中，还会遇到调试、测试、优化等挑战，这些都是成长为专业开发者不可或缺的经验积累
轻松获取Markdown编辑器压缩包下载
标题和描述中提到的“Markdown编辑器.zip”是一个压缩包文件，它包含了Markdown编辑器的所有必需文件，用户可以直接下载到本地计算机，通过解压缩操作后即可开始使用该编辑器。标签“Markdown编辑器”指出了压缩包的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

strggle_bin

一毛不嫌少，十元不嫌多

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值