Skip to content

支持自定义样式的微信Markdown排版工具

License

Notifications You must be signed in to change notification settings

375ro/markdown-nice

 
 

Repository files navigation

Markdown Nice

简介

  • 支持自定义样式的 Markdown 编辑器
  • 支持微信公众号排版
  • 支持开源中国、知乎、稀土掘金、博客园和 CSDN 等一系列平台
  • 内容和自定义样式浏览器中实时保存
  • 支持上传图片、脚注、公式
  • 欢迎在线使用

示例

欢迎提供更多文章示例~~

开发文档

开发文档请参考本项目的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 已经有了一定量的用户,故而组建了微信群,欢迎反馈意见和公众号大佬们一起交流,关注公众号回复「排版」拉你入群。

欢迎打赏哟,您的支持是我最大的动力!

About

支持自定义样式的微信Markdown排版工具

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 97.5%
  • CSS 2.0%
  • HTML 0.5%