shenweiyan/Md2XEditor

基于 Md2All 二次开发的 Markdown 排版利器，支持 "一键排版"，支持 "CSS 样式自定义"，支持 80 多种代码高亮。

Update：2023-09-20

本项目已经停止更新，并转移至 Markdown2Html，欢迎 关注 和 使用！

---

微信公众号：BioIT爱好者

📢 本站点以颜家大少的 Md2All 为基础，进行了定制化修改和重新部署，是一个专注于解决微信公众号 Markdown 排版的平台。问题或建议，请关注 BioIT爱好者 公众号，或者通过以下方式与我联系：

• 邮箱：shumlab@foxmail.com
• 语雀：https://www.yuque.com/shenweiyan

如果你觉得 Md2X Editor 对你有帮助，欢迎赞赏[^1]

关于 Md2X Editor 网站访问

有时网站的访问不稳定，可分别尝试不同的服务器：

• 服务器1：https://mdx.bioitee.com
• 服务器2：https://shenweiyan.gitee.io/md2xeditor

Md2X Editor 简介

由于 Md2All 很长一段时间都不再更新，加上有时候 Md2All 的访问不稳定，本项目在 Md2All 的基础上进行了一些调整和修改后的重新部署(包括把站点迁移至腾讯云等)。

• Markdown 排版利器，支持 "一键排版" 、自定义 css、80 多种代码高亮。
• 能让 Markdown 内容，无需作任何调整就能一键复制到微信公众号、博客园、掘金、知乎、csdn、51cto、wordpress、hexo......等平台。
• 支持把图片自动上传到云图床;
• 支持 Latex 数学公式在公众号等平台完美显示;
• 支持生成带样式的 html 文件;
• 甚至支持直接用原生的 html, css 排版。

详细教程

Md2All 详细教程,请参考：https://www.cnblogs.com/garyyan/p/8329343.html

对公众号、博客的优化

• 支持代码块，并解决常见的代码块换行不正确,特别是 iPone、iPad 上不能滚动的问题;

• 解决把内容粘贴到公众号时，图片、或样式丢失的问题;

• 解决超链接字体颜色复制到公众号失效的问题(参考 "BioIT爱好者" 排版样式);

• 支持直接把页面"复制"到 "CSDN" 和 "博客园" 中，所有的样式保持一致。 请参考此博文：https://blog.csdn.net/gary_yan/article/details/78645303

• 支持直接把页面"复制"到 "掘金" 中： 请参考此博文：https://juejin.im/post/5a1bcc6ef265da431f4acb09

• 支持直接把页面"复制"到 "知乎" 、51CTO、worpress ,hex......中。

代码块显示效果

注：Markdown 对代码块的语法是开始和结束行都要添加：```,其中 ` 为 windows 键盘左上角那个，如下：

public class MyActivity extends AppCompatActivity {
@Override  //override the function
    protected void onCreate(@Nullable Bundle savedInstanceState) {
       super.onCreate(savedInstanceState);
       try {
            OkhttpManager.getInstance().setTrustrCertificates(getAssets().open("mycer.cer");
            OkHttpClient mOkhttpClient= OkhttpManager.getInstance().build();
        } catch (IOException e) {
            e.printStackTrace();
        }
}

要精确指定语言（如：java,cpp,css,xml,javascript,python,php,go,kotlin,lua,objectivec等等）时，在头部直接指定，如：```javascript，如下：

function DisplayWindowSize(){

  var w=window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;
}

如果所有的"代码主题"都不符合你的要求，你可以参考"一键排版"下的"代码块样式"自定义自己喜欢的代码高亮

图片显示

下面的是我的公众号二维码图片，欢迎关注。

注：Markdown 对图片链接的语法是:![](),如：![这里写图片描述](https://apps-db.oss-cn-shenzhen.aliyuncs.com/bioitee/bioitee.png), 可直接把网络图片地址添加到 Markdown 中，默认为图片居中，如果想居左时，请打开"一键排版"下的 css 样式中的img{margin:0 0;}, [这里写图片描述]中对图片的描述内容会自动生成在图片的底部，对应样式figcaption{}。

云图床功能

Md2All 支持云图床，设置好云图床后，能把本地图片自动上传到云图床，并自动生成 Markdown。 请参考云图床教程: https://www.cnblogs.com/garyyan/p/9181809.html

Latex 数学公式(能正确复制到公众号等平台）:

"复制"时会自动把 Latex 数学公式转换为图片，并自动上传到云图床（如果在 "图片" 设置了 "自动上传到云图床" ）。 请参考：Md2All,让公众号完美显示 Latex 数学公式

行内公式：$...$

是的，我就是行内公式：$e^{x^2}\neq{e^x}^2$，排得 OK 吗？

块公式：$$...$$

$$e^{x^2}\neq{e^x}^2$$

来个 "复杂点" 的: $$H(D_2) = -(\frac{2}{4}\ log_2 \frac{2}{4} + \frac{2}{4}\ log_2 \frac{2}{4}) = 1$$

矩阵： $$ \begin{pmatrix} 1 & a_1 & a_1^2 & \cdots & a_1^n \ 1 & a_2 & a_2^2 & \cdots & a_2^n \ \vdots & \vdots & \vdots & \ddots & \vdots \ 1 & a_m & a_m^2 & \cdots & a_m^n \ \end{pmatrix} $$

对应 "一键排版" 的 css 样式关键字为：.katex

Latex 复制到公众号等各平台的特别说明

复杂的行内公式（顶部和底部突出很多那种），转换后，如果显示不完整，请改为块公式。有些比较复杂的行内公式,转换后，可能会出现顶部和底部很突出的部分看不见的情况，把它改成块公式就 OK。

公众号报"图片粘贴失败"时，配合云图床完美解决

如果你发现复制到公众号时报 "图片粘贴失败"，那是因为公众号有个很奇怪的问题：当复制很小很小的本地图片时，就可能会报"图片粘贴失败"，而其它的平台暂时没遇到。

解决的办法是点 "图片" 图标，设置好图床信息，并选 "自动上传到云图床"。

请参考云图床教程: https://www.cnblogs.com/garyyan/p/9181809.html

针对 "知乎" 的解决方法

知乎是一个比较神奇的网站，会把你的所有的样式恢复为默认的，并图片一定是居中的，也不能直接复制本地的图片。

所以你如果想要在知乎上正常显示： 1:只用块公式，或你可以接受行内公式在知乎上显示变成了块公式; 2:设置云图床，参考上面公众号那样设置"图片" → "自动上传到云图床"。

Tips

自动保存

请点击左上角 "编辑" 图标再开始写作，这样就能自动保存写作内容，目前，所有保存的内容都是储存在本地浏览器缓存中(local storage)，所以,就算重新开机，这些内容都不会丢失的呵，但为了安全起见，在未实现帐号云同步功能前，请自行备份重要内容;

一键复制

一键复制 请点击工具栏的 复制，否则会可能出现奇怪的问题。

一键排版

"一键排版" 支持标准的 css,已提供了不少的样式模板，但因为每个人的喜好不一样，所以，如果现有的样式模板不适合你，请尽情地自定义 css 样式吧。 就算改错了也就"恢复预设值"就 OK 了，所以不用担心呵。一旦掌握自定义 css 样式后，你就会知到它到底有多大的威力了;

新版本对某主题样式更新时

当你保存了某排版主题的样式后，Md2All 默认会使用你此主题保存的样式，所以，当新版本的 Md2All 对此主题样式有更新时，你需要“恢复预设值”才能看得到最新的样式。“恢复预设值”前，你可能需要备份一下你之前更改过的样式，否则会被覆盖掉。所以，我建议你把自己的样式保存在“最爱样式”下。

浏览器兼容性问题，建议用 Google chrome

本人用 Google Chrome 和 Firefox 浏览器做测试时，没发现问题，但用 Safari 时会存在问题。如果你发现有奇怪的问题，建议用 Google chrome。

Markdown 基本语法

标题

支持 6 种大小的标题，分别对应 #,##,###,####,#####,######，和样式文件中的h1,...,h6, 如：

H1 一级标题

H2 二级标题

H3 三级标题

H4 四级标题

H5 这是标题五

H6 这是标题六

行内代码

如：AppCompatActivity 类, markdown 对行内代码的语法是前后用：`,其中 ` 为 windows 键盘左上角那个,

强调

我是强调

斜体

试试斜体

强调的斜体

试试强调的斜体

删除

试试 删除

外链的超链接

试试外链的超链接：我是外链的超链接, Markdown 对链接的语法为：[](),如：[我是外链的超链接](https://blog.csdn.net/gary_yan/article/details/78645303)

页内的超链接

试试页内的超链接：我是页内的超链接，注：你先要在要跳转的到地方放置一个类似：<a id="jump_1">任意内容</a>的锚点。由id="jump_1" 来匹配。

有序列表

1. 有序列表 1
2. 有序列表 2
3. 有序列表 3

无序列表

• 无序列表 1
• 无序列表 2
• 无序列表 3

引用块

只需要在前面加 >,如下:

我是引用块 微信公众号：颜家大少 欢迎关注我，一起学习，一起进步!

分隔线

---

Markdown 扩展语法

表格

班级	男生	女生
一(7)班	30	25
一(8)班	25	30

注：表格在公众号预览时，可能在 PC 端显示的不是正确的全屏，但在手机上预览时就会正常显示为全屏的了。

任务列表

• 任务1，已完成;
• 任务2，已完成;
• 任务3，未完成;

注脚

我是注脚¹。点点就能知到我跳到了那儿。 或跳到放置：<a id="footnote-10">任意内容</a>的地方,¹ 对应id="footnote-10"

TOC

看内容目录就是用[toc]生成的 注：只要放置:[TOC],就能把其后面的标题如：#,##,...######自动生成目录树，注意，[TOC]要独立一行，并前面和后面都要空一行

直接支持 html,css

如果你懂 html 和 css，那下面这些效果就不在话下了：

来个页内跳转，跳转到文未的：<a id="jump_1">我是页内跳转到的位置</a> ,对应：id="jump_1" 先给点颜色你看看 再给点颜色你看看 试试改变字体大小 改变字体大小，再来个粗体又如何？

试试内容居中

那内容居右呢？

来个综合的试试
第二行

请参考 "一键排版" 中的 "标题首字突出" 样式的提示修改,可把此标题首字突出:

### <span class="firstletter">1</span>试试首字突出

注:理论上 Md2All 是支持所有标准的 html 和 css，但问题是公众号很多都不支持，所以上面只演示了部分支持的。

赞赏 Md2X Editor

如果你觉得到 Md2X 对你有帮助，欢迎赞赏，有你的支持，Md2X 一定会越来越好！

版本更新记录

---

版本号：V2.8.5 更新日期：2021-11-09 1:解决超链接字体颜色复制到公众号失效的问题; 2:增加 "BioIT爱好者" 排版样式.

---

版本号：V2.8.4 更新日期：2019-06-13 1:解决在iphone手机上代码不能横向滚动的问题

版本号：V2.8.3 更新日期：2018-07-09 1:增加对以下语言的highlight dart,r,delphi,vb(vbnet),vbs(vbscript),vbscript-html

版本号：V2.8.2 更新日期：2018-06-28 1:结合云图床，解决了Latex公式复制到公众号时有可能报“图片粘贴失败的问题”; 2:结合云图床，解决了Latex公式复制到知乎的问题; 3:点“图片”图标时，在云图床设置上新增了：“需要转换为图片的内容,会自动上传到云图床”选项 4:在“一键排版”的各样式文件中更新了Latex的样式，主要是显示的大小，你可能需要**“恢复预设值”**才能看到新的样式.

更多请参考： Md2All版本更新记录

---

我是页内跳转到的位置

Footnotes

1. 注脚跳转位置 ↩ ↩²