How to set a maximum character limit to editor ?

How to restrict characters from being entered after the maximum limit exceeds ? and to show the character length 234/5000 likewise. I couldn’t find an exact documentation explaining this for the react integration. I’m using react functional component.

 <TinyMCE
            key={field.NAME}
            config={{
            menubar: false,
            plugins: 'autolink link  lists',
             toolbar: 'fontselect fontsizeselect formatselect| bold italic underline strikethrough | 
                           bullist numlist outdent indent | alignleft aligncenter alignright| insertfile 
                           image media pageembed template link anchor codesample'
             }}
             onChange={handleDescriptionEdito}
             onKeyup={handleDescriptionEditor}
 />

EDIT :

I found out this doc

i tried const wordcount = window.tinymce.activeEditor.plugins; wordcount.body.getCharacterCount(); in my handler function handleDescriptionEditor but it is giving out an error

Cannot read property 'getCharacterCount' of undefined Thanks

[tzakrzewski-dev]

Hello, i tryed also to get the number of character in react. it works fine with this code

handleEditorChange(content, Editor) { const wordcount = Editor.plugins.wordcount; this.setState({ content, numberOfCharacter: wordcount.body.getCharacterCountWithoutSpaces(), }); } it set my state with the value

[fabiokiatkowski]

Hello, some updates about this?

I have a controlled component with onEditorChange and value and I can get the size of the content but even I won’t updating my state, my view is updating and showing more characters that my value.