Markdown Nice

简介

• 支持自定义样式的 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 已经有了一定量的用户，故而组建了微信群，欢迎反馈意见和公众号大佬们一起交流，关注公众号回复「排版」拉你入群。

欢迎打赏哟，您的支持是我最大的动力！