Skip to content
支持自定义样式的微信 Markdown 排版工具
JavaScript CSS HTML
Branch: master
Clone or download
guanpengchn v1.4.2 发布日期:2019-11-09
- 新增幻灯片横屏滑动语法,重置后查看
- 修改表格样式污染问题
- 新增拷贝到知乎,支持公式
- 新增 api: getWeChatHtml 和 getZhihuHtml
Latest commit cf0a4fa Nov 9, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.github/ISSUE_TEMPLATE
config merge develop Oct 27, 2019
public merge develop Oct 27, 2019
scripts rebuild component; Mar 6, 2019
src v1.4.2 发布日期:2019-11-09 Nov 9, 2019
.eslintignore feat: 提供 ts typings Oct 14, 2019
.eslintrc feat: 图片粘贴即上传,独立上传功能到工具文件 Oct 4, 2019
.gitignore 新增蓝蓝、科技蓝、兰青主题 Oct 6, 2019
.npmignore fix:少量修改 Oct 16, 2019
.prettierrc 添加eslint和prettier Sep 30, 2019
CHANGELOG.md v1.4.2 发布日期:2019-11-09 Nov 9, 2019
LICENSE 修改协议和issue_template Aug 30, 2019
README.md
logo.png fix cname Apr 1, 2019
main.js 增加桌面版 Sep 21, 2019
package.json v1.4.2 发布日期:2019-11-09 Nov 9, 2019
watch.js fix: 修改 build 策略,不删除,只覆盖 Oct 12, 2019
yarn.lock v1.4.2 发布日期:2019-11-09 Nov 9, 2019

README.md

Markdown Nice

简介

  • 支持自定义样式的 Markdown 编辑器
  • 支持微信公众号、知乎、开源中国、稀土掘金、博客园和 CSDN 等一系列平台
  • 更多用户和开发者文档请参考 Markdown Nice Docs
  • 欢迎在线使用

示例

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

组件使用

目前仅支持 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;

关于

mdnice 社区组建了微信用户群,欢迎反馈意见和公众号大佬们一起交流,关注公众号回复「排版」拉你入群。

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

入群码 打赏码
You can’t perform that action at this time.