我有一个草稿丰富的js编辑器。我需要突出显示一些可以按数组提供的单词。就像我可以向编辑器提供数组中的单词并基于某个类,它可以突出显示这些单词。
有关任何外部库的相同信息,对draft-js都将有所帮助
import Editor from 'draft-js-plugins-editor';
import { EditorState } from 'draft-js';
class Child extends React.Component {
constructor(props){
super(props);
this.state={
editorState:EditorState.createEmpty()
}
}
updateEditorState(editorState){
this.setState(
{editorState}
);
}
render() {
return (<div className="editor-container">
<Editor placeholder="Explore your way in..."
editorState={this.state.editorState}
onChange={this.updateEditorState.bind(this)}
/>
</div>);
}
}
尝试使用复合装饰器https://draftjs.org/docs/advanced-topics-decorators#compositedecorator
Codesandbox上的示例:https ://codesandbox.io/s/jovial-bhaskara-ozxi6
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句