lizhengnacl / wrap-md-editor

React Component Based on Editor.md
https://www.npmjs.com/package/wrap-md-editor
8 stars 9 forks source link

editor.getMarkdown()的使用 #1

Closed xiaoxiongzi closed 6 years ago

xiaoxiongzi commented 6 years ago

真的很喜欢这款markdown编辑器,感谢楼主将它封装成可以在React版本中使用的组件。只是在使用的使用遇到一个问题:如何在其他函数里面获取到Editor的示例,从而使用getMarkdown或者其他方法。我的思路是这样,但是感觉应该有更好的方法

handleClick() {
        console.log(window.editor.getMarkdown());
 }
render() {
        return (
            <div>
                <Button type="primary" onClick={this.handleClick}>发布</Button>
                <Editor config={
                    {
                        markdown: '',
                        saveHTMLToTextarea: true,
                        onload: (editor, func) => {
                            window.editor = editor;
                        },
                    }
                }
                />
            </div>
        );
    }
lizhengnacl commented 6 years ago

建议将实例挂载到react组件下,以react组件间通信的方式,进行数据传递。这样能减少副作用,通信方式也能统一起来。