Basic Markdown highlighting

This commit is contained in:
Pedro Ferreira 2016-06-11 23:13:57 +02:00
parent c0d7629980
commit a5a3e4e915
2 changed files with 43 additions and 10 deletions

View file

@ -99,10 +99,10 @@ export default class MessageComposerInput extends React.Component {
*/
createEditorState(contentState: ?ContentState): EditorState {
let func = contentState ? EditorState.createWithContent : EditorState.createEmpty;
const decoratorFunc = this.state.isRichtextEnabled ? RichText.getScopedRTDecorators :
RichText.getScopedMDDecorators;
let args = contentState ? [contentState] : [];
if(this.state.isRichtextEnabled) {
args.push(RichText.getScopedDecorator(this.props));
}
args.push(new CompositeDecorator(decoratorFunc(this.props)));
return func(...args);
}
@ -341,11 +341,7 @@ export default class MessageComposerInput extends React.Component {
}
enableRichtext(enabled: boolean) {
this.setState({
isRichtextEnabled: enabled
});
if(!this.state.isRichtextEnabled) {
if(enabled) {
let html = mdownToHtml(this.state.editorState.getCurrentContent().getPlainText());
this.setState({
editorState: this.createEditorState(RichText.HTMLtoContentState(html))
@ -357,6 +353,10 @@ export default class MessageComposerInput extends React.Component {
editorState: this.createEditorState(contentState)
});
}
this.setState({
isRichtextEnabled: enabled
});
}
handleKeyCommand(command: string): boolean {