在草稿js NPM中突出显示单词

拉格温德·卡塔里亚(Raghvender Kataria)

我有一个草稿丰富的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>);

        }
      }
aidarka1

尝试使用复合装饰器https://draftjs.org/docs/advanced-topics-decorators#compositedecorator

Codesandbox上的示例:https ://codesandbox.io/s/jovial-bhaskara-ozxi6

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章