1.1.3 • Published 6 years ago
kf-slate-editor v1.1.3
canner-slate-editor
Another rich text editor using Slate framework.
Installation
$ npm install --save canner-slate-editor
Features
- Support full screen edit mode
- Support inline toolbar
- Support inline sidebar
- Support markdown syntax, support list: https://github.com/Canner/slate-md-editor#feature-toc
Usage
// @flow
import React from 'react';
import ReactDOM from 'react-dom';
import {Value} from 'slate';
import CannerEditor from 'canner-slate-editor';
const initialValue = Value.fromJSON({
document: {
nodes: [
{
object: 'block',
type: 'paragraph',
nodes: [
{
object: 'text',
leaves: [
{
text: 'A line of text in a paragraph.',
}
],
},
],
},
],
},
});
class DemoEditor extends React.Component<*, {value: Value}> {
// Set the initial state when the app is first constructed.
state = {
value: initialValue
}
render() {
const {value} = this.state;
const onChange = ({value}) => this.setState({value});
return (
<div style={{margin: '20px'}}>
<CannerEditor
value={value}
onChange={onChange}
/>
</div>
);
}
}
ReactDOM.render(
<DemoEditor/>
, (document: any).getElementById('root'));
see https://github.com/Canner/canner-slate-editor/blob/master/docs/index.js
Start example server
npm start
License
Apache 2.0 Canner
1.1.3
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.9
6 years ago
1.0.8
6 years ago
1.0.7
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
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago