gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve markdown editor serialization debounce

Browse Source
This commit is contained in:
Shawn Erquhart 2017-09-26 15:52:50 -04:00
parent 9e0d7696ee
commit 516a5e4c7f
2 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/Widgets/Markdown/MarkdownControl/RawEditor/index.js
View File

@ -22,16 +22,14 @@ export default class RawEditor extends React.Component {
this.setState({ editorState });
}
onChange = debounce(this.props.onChange, 250);
/**
* When the document value changes, serialize from Slate's AST back to plain
* text (which is Markdown) and pass that up as the new value.
*/
handleDocumentChange = (doc, editorState) => {
handleDocumentChange = debounce((doc, editorState) => {
const value = Plain.serialize(editorState);
this.onChange(value);
};
this.props.onChange(value);
}, 150);
/**
* If a paste contains plain text, deserialize it to Slate's AST and insert

8
src/components/Widgets/Markdown/MarkdownControl/VisualEditor/index.js
View File

@ -44,14 +44,12 @@ export default class Editor extends Component {
return state.transform().insertFragment(doc).apply();
}
onChange = debounce(this.props.onChange, 250);
handleDocumentChange = (doc, editorState) => {
handleDocumentChange = debounce((doc, editorState) => {
const raw = Raw.serialize(editorState, { terse: true });
const plugins = this.state.shortcodePlugins;
const markdown = slateToMarkdown(raw, plugins);
this.onChange(markdown);
};
this.props.onChange(markdown);
}, 150);
hasMark = type => this.state.editorState.marks.some(mark => mark.type === type);
hasBlock = type => this.state.editorState.blocks.some(node => node.type === type);