teamrun / MDComposer

A composer/editor build with react

Composer

A composer/editor build with react

How to require

if you use webpack, you can use it with style in it(thanks to webpack's almighty bundle feature)

var TextComposer = require('text-composer');

var MyEditor = React.createClass({
    render: function(){
        return <TextComposer
            processor={someFunc}
        />;
    }
});

if you use other build tools, like gulp grunt browserify:

// in js
var TextComposer = require('text-composer');

// import style with less
@import 'path/to/component/layout/less/layout.less';

// or import style in html
...

How to create your own editor based on this

 * 都是有哪些可以自定义: 
 *      节点: preNodes, afterNodes: 在正文之前和之后可以插入这些节点
 *      内容渲染组件的所需要的props: getRender: 接收要渲染的数据, 计算出渲染的内容
 *      option对象: 
 *          insertWay: 如何插入渲染的内容, 
 *              'content': 安全的方式, 类似innerText
 *              'setHtml': 不安全的方式, 调用 dangerouslySetInnerHTML
 *              'node': 直接return出process后生成的ReactDOM

那些可能需要兼容

• 获取selection
• 设置selection