mono-editor
## [演示](https://imwangji.github.io/react-mono-editor/)
Last updated 9 months ago by jixwang .
Original npm · Tarball · package.json
$ cnpm install mono-editor 
SYNC missed versions from official npm registry.

react-mono-editor Build Status

演示

为什么做这个

  1. 用markdown写东西的时候发现不能截图粘贴很烦人。
  2. 写文章的时候想加入一些搞笑图片或者表情包不方便。
  3. 用react写一个博客系统的时候发现现有的编辑器不好看。
  4. 学习react的过程中需要有一些产出。

特点

  • [x] 支持截图粘贴 已完成
  • [ ] 表情库 计划中

使用方法

npm install mono-editor

依赖于node-sass,但是node-sass被墙了总是安装失败,所以建议用cnpm来安装 cnpm install mono-editor

样式是scss写的,需要在webpack里面加入sass-loader,否则加载出来没有样式。

mono-editor需要你在外层给加一个container,并且自己定义container的样式,因为默认的mono-editor是100%宽度的,没有container的话会占满你的屏幕。

<MonoEditor 
    style={{height:'9rem'}} 
    onEditorValueChange={this.onEditorChange} 
    placeholder={"支持截图粘贴哟!"}>
</MonoEditor>

style属性接受一个类css的对象,用于设置初始样式;

onEditorValueChange(value,html)是一个callback,当editor的值改变的时候,会触发这个回调,得到两个参数,value是用户输入的markdown字符串,html是被编译过后的html字符串。

placeholder不说你也知道是干嘛的。

Current Tags

  • 1.1.2                                ...           latest (9 months ago)

2 Versions

  • 1.1.2                                ...           9 months ago
  • 1.0.0                                ...           9 months ago
Maintainers (1)
Downloads
Today 0
This Week 0
This Month 3
Last Day 0
Last Week 1
Last Month 0
Dev Dependencies (3)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |