1.2.5 • Published 6 years ago

react-mini-markdown v1.2.5

Weekly downloads
1
License
ISC
Repository
github
Last release
6 years ago

react-mini-markdown

一个react的简洁小巧的markdown组件

使用

1.下载react-mini-markdown, 如出现bug,请下载最新版本

npm install react-mini-markdown --save

2.在代码中引入react-mini-markdown

import Markdown from 'react-mini-markdown';
import React,{Component} from 'react';

class Demo extends Component{

  componentDidMount(){

    //设置markdown内容,不传入参数默认为空
    this.refs.MK.setContent('设置内容');
  }
  getMarkDownContent(text){

    //text为markdown的文本内容
    console.log(text);
  }
  render(){
    return(
      <Markdown refs='MK' getContent={this.getMarkDownContent} initContent='初始内容'/>
    )
  }
}

API

API名类型说明
getContentFunction(arg)用来获取markdown组件的文本内容,arg为markdown的文本内容
setContentFunction(arg)用来设置markdown组件的文本内容,arg为markdown的文本内容,默认为空,使用方法见上面代码
initContentString用来初始化markdown组件的文本内容

效果图

实际项目应用图 全屏编辑 全屏预览 全屏编辑和预览

1.2.5

6 years ago

1.2.4

6 years ago

1.2.3

6 years ago

1.2.2

6 years ago

1.2.1

6 years ago

1.2.0

6 years ago

1.1.4

6 years ago

1.1.3

6 years ago

1.1.2

6 years ago

1.1.0

6 years ago

1.0.6

6 years ago

1.0.5

6 years ago

1.0.4

6 years ago

1.0.3

6 years ago

1.0.2

6 years ago

1.0.1

6 years ago

1.0.0

6 years ago