支持主题设计的 Markdown编辑器,让排版变 Nice
简介
- 支持自定义样式的 Markdown 编辑器
- 支持微信公众号、知乎和稀土掘金
- 欢迎在线使用
- 有疑问请参考 如何有效的解决 mdnice 相关问题?
主题
欢迎提交主题,提供更多文章示例~~
关于
mdnice
组建了推文群,欢迎反馈意见和公众号大佬们一起交流,关注公众号回复「排版」拉你入群。
入群码 |
---|
友情链接
- BlogHelper:一键发布本地文章到主流博客平台的托盘助手
- qrbtf:艺术二维码生成器
- 编程如画:「编程如画」博客
from https://github.com/mdnice/markdown-nice
----------------------------------------------------------
微信排版编辑器,使用MDX,可自定义组件、样式、生成二维码、代码 diff 高亮,可导出 markdown 和 PDF。
一个好用的微信排版编辑器
灵感
Markdown 是广大程序员酷爱的写作方式,但满足不了微信排版的需求,MDX 正好弥补了 Markdown 的缺陷。我的博客正好也是使用 MDX 来书写的,如何做到一次书写,排版统一? 当我看到 mdxjs playground 的时候,我就在思考能否实现类似的方案?
功能
- 支持自定义样式组件,自定义样式
- 支持生成文章目录
- 支持生成微信脚注
- 自动转换微信外链为
span
- 支持代码格式化
- 支持文章分享
- 支持下载 markdown
- 支持导出 pdf
开发
First, run the development server:
npm i
npm run dev
部署
Vercel Platform from the creators of Next.js.
参考
from https://github.com/maqi1520/mdx-editor
(支持微信公众号排版的跨平台 Markdown编辑器:MDX Editor
有些号主为了公众号的内容排版更好看可能会选择一些第三方的公众号排版编辑工具,但是通常这些排版编辑工具要么需要通过扩展插件的方式授权,或者一些编辑功能需要付费才能使用。
如果你平时也有习惯用 Markdown 来记笔记的话,那么推荐这款免费开源跨平台支持的编辑器「MDX Editor」支持一键复制你排版好的内容到公众号实现样式排版统一。
MDX Editor使用介绍
目前「MDX Editor」笔记编辑器提供了多个平台支持,包括有:Windows、Linux、macOS、网页版。
默认「MDX Editor」提供了几个不错的笔记模板,包括有个人简历、旅行计划、代码高亮、会议模板等。
例如这个旅行计划的模板,基本包含了所有旅行相关的内容模板,你可以用过用 Markdown 来编辑,右边预览内容。
窗口模式方面提供了 4 种可以选择,分别是双栏、编辑模式、预览模式、手机端适应模式,方便你编辑公众号内容排版后可以预览到手机上的实际效果。
内容方面提供了三种格式可以切换,分别是 HTML、PPT、思维导图,也就是可以把你的 Markdown 笔记一键切换到不同的格式,还是很不错的。
内容编辑方面还提供了 MDX、CSS、Config 三个切换选项,例如公众号排版少不了写一些 CSS 样式来美化,在这里你也可以方便的切换到 CSS 里面修改样式代码。
编辑好内容后你可以通过复制 HTML 的方式,然后粘贴到公众号里面了,当然也可以另外保存为 HTML 格式。
左侧栏支持笔记目录管理,不过功能比较弱点,例如不能拖放文本到指定的文件夹目录里。
界面 UI 样式方面,内置很多内容主题,以及代码主题,支持暗黑和明亮模式、
其它功能方面,支持把编辑好的内容通过生成网址方式分享、支持保存为 md 和 mdx 格式。
MDX Editor功能特色
支持一键复制到微信公众号;
支持自定义样式组件,自定义样式,生成二维码、代码 diff 高亮;
支持生成文章目录;
支持生成微信脚注;
自动转换微信外链为span;
支持代码格式化;
支持文章分享;
支持下载 Markdown;
支持导出 pdf;
支持本地文件实时保存(桌面版)
支持本地文件目录树管理(桌面版)
支持导出 HTML(桌面版)
总结
这款「MDX Editor」优点完全免费、跨平台、支持实时预览、支持一键复制到微信公众号、支持代码高亮、简洁快速、界面颜值不错。
缺点就是不太适合作为笔记管理,只能作为 Markdown 的笔记编辑器,另外也好像不支持快捷键,期待作者后续的更新。
下载地址
官方网站:
https://editor.runjs.cool
WIN版:
https://www.123pan.com/s/c8zA-3RqN3.html
在线版本:
https://editor.runjs.cool/create
项目地址:
https://github.com/maqi1520/mdx-editor )
No comments:
Post a Comment