pta-editor

pta-editor
===

[![NPM version][npm-image]][npm-url]

[npm-image]: https://img.shields.io/npm/v/pta-editor.svg
[npm-url]: https://www.npmjs.com/package/pta-editor

``bash
$ npm install pta-editor --save
`

Usage

Check out /example folder for basic usage.

$3

- Font Awesome
- /lib/style.css
- /node_modules/simplemde/dist/simplemde.min.css
- /node_modules/katex/dist/katex.css
- /node_modules/katex/dist/fonts

$3

`js
Editor.propTypes = {
guide: React.PropTypes.string,
lng: React.PropTypes.string,
name: React.PropTypes.string,
onChange: React.PropTypes.func,
toolbar: React.PropTypes.array,
uploader: React.PropTypes.func,
value: React.PropTypes.string,
}
`

The uploader function should receive an file object and return its online URL by Promise.

e.g.

`js
function uploader(file) {
const data = new FormData('file', file)
return fetch('/upload', {
method: 'POST',
body: data,
})
.then(res => res.json())
.then(res => ({ url: res.url }))
}
`

$3

- editor.value: set or get the value of editor.
- editor.simplemde: simplemde instance.
- editor.simplemde.codemirror: codemirror instance.

$3

- Editor.render(content, answers, options): render function.
- editor.text([text]): set or get plain text of editor.
- editor.html(): get preview HTML.
- editor.on(event, listener): add event listener.
- editor.off(event, listener)`: remove event listener.