- 支持自定义样式的 Markdown 编辑器
- 支持微信公众号排版
- 支持开源中国、知乎、稀土掘金、博客园和 CSDN 等一系列平台
- 内容和自定义样式浏览器中实时保存
- 支持上传图片、脚注、公式
- 欢迎在线使用
- 橙心:终于等到你,公众号排版神器
- 姹紫:JavaScript 数据结构与算法之美
- 绿意:前端硬核面试专题之 CSS 55 问
- 红绯:日常 | 我用什么工具写作?
- Wechat-Format:Markdown Nice 新特性:阿里云图床
- 科技蓝:2019 前端秋季社招面试经历总结(二年多经验)
欢迎提供更多文章示例~~
开发文档请参考本项目的wiki
目前仅支持 React
1、安装 markdown-nice
$ yarn add markdown-nice
或者
$ npm install markdown-nice --save
2、愉快使用
import React from "react";
import MarkdownNice from "markdown-nice";
// 编辑器默认的内容
const defaultText = `编辑器默认的内容`;
// 标题,是一个字符串
const defaultTitle = "Markdown Nice";
function App() {
return (
<MarkdownNice
defaultTitle={defaultTitle}
defaultText={defaultText}
onTextChange={(t) => console.log("text => ", t)}
/>
);
}
export default App;
其中 defaultTitle 属性不添加则左上角不显示,defaultText 属性不添加则默认每次从 localStorage 中获取值。
目前 mdnice 已经有了一定量的用户,故而组建了微信群,欢迎反馈意见和公众号大佬们一起交流,关注公众号回复「排版」拉你入群。
欢迎打赏哟,您的支持是我最大的动力!