Wiz React Markdown Editor

Install:

npm install wiz-react-markdown-editor

// install beta version:
npm install wiz-react-markdown-editor@beta

Config:

如果使用Unsplash图库,需要把 Unsplash 的 Access Key 设置进 UNSPLASH_ACCESS_KEY 环境变量中

Usage:

import 'wiz-react-markdown-editor/lib/index.min.css';
import Editor from 'wiz-react-markdown-editor';

<Editor />;

Props:

属性	类型	默认值	必填	描述
width	string\number	'100%'	✗	编辑器可编辑的最大宽度
onSelectImages	function: () => string	-	✗	选择图片函数, 返回资源路径
markdown	string	''	✗	初始化时的 markdown 源码
focus	boolean	false	✗	是否打开 focus 模式
typewriter	boolean	false	✗	是否打开 typewriter 模式
onChange	function ({ markdown, wordCount, cursor, history, toc }) => void	() => {}	✗	内容改变事件
resourceUrl	string	-	✗	图片资源路,在添加路径为index_files/开头图片资源前面添加的资源路径
readOnly	boolean	false	✗	只读
wordList	string[]	[]	✗	标签列表

Edit Grammar:

• 表情 => :<关键词>: