mono-editor

react-mono-editor

演示

为什么做这个

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

特点

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

使用方法

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不说你也知道是干嘛的。