title: How to customize the style for react-draft-wysiwyg?
body: <p>I am starting to use react-draft-wysiwyg and want to know if I can extend existing elements with styles and classes?</p>
  <p>For example, there is a button B (bold) by default and I want to add some styles and classes to it, how can I do that?</p>
  <p>My goal is to get something like this <code>&lt;p className = &quot;test&quot;&gt; BOLD TEXT &lt;/ p&gt;</code> and as a result I will get bold text with the class</p>
  <pre class="lang-js prettyprint-override"><code>class EditorContainer extends Component {
    constructor(props) {
      super(props);
      this.state = {
        editorState: EditorState.createEmpty(),
      };
    }
  
    onEditorStateChange = (editorState) =&gt; {
      this.setState({
        editorState,
      });
    };
  
    render() {
      const { editorState } = this.state;
      return (
        &lt;div className=&quot;editor&quot;&gt;
          &lt;Editor
            editorState={editorState}
            onEditorStateChange={this.onEditorStateChange}
            toolbar={{
              options: [&quot;inline&quot;, &quot;blockType&quot;, &quot;fontSize&quot;],
              inline: {
                inDropdown: false,
                className: &quot;test&quot;,
                component: undefined,
                dropdownClassName: undefined,
                options: [&quot;bold&quot;, &quot;italic&quot;, &quot;underline&quot;],
                bold: { className: &quot;test&quot;, style: { color: &quot;red&quot; } },
                italic: { className: undefined },
                underline: { className: undefined },
              },
            }}
          /&gt;
  
          &lt;textarea
            disabled
            // value={draftToHtml(convertToRaw(editorState.getCurrentContent()))}
          /&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  <p><a href="https://codesandbox.io/s/react-draft-wysiwyg-editor-bovl3?file=/index.js" rel="nofollow noreferrer">Example</a></p>
  <p>Or maybe there is react-wysiwyg another library for this purpose</p>