Limit number of characters in editor

[kskrlin]

Is there any example/solution/feature/extension within this editor to limit number of characters?

For example, textarea has maxlength;
TinyMCE editor has examples how to make it.

[Alecyrus]

Write a plugin to count characters, see this, or just get the doc.contentSize

[Chrissi2812]

I've written a basic demo https://codesandbox.io/s/3204l3on1q

PS. Deletion doesn't quite work at the moment (Maybe someone can fix this)

[philippkuehn]

Thanks @Chrissi2812! Something like that is the way to go so I'll close this here.

[usb248]

@Chrissi2812 your solution is so buggy.
Any working solution ?
It's a basic functionality

[marcpaskell]

Anyone found a reliable way to do this?

[alexrififi]

An approximate solution could be like this (it remains to refine the cropping of pasted text)

new Editor({
    ...
    editorProps: {
      handleTextInput: (view) => {
        if (this.maxlength && view.state.doc.textContent.length >= this.maxlength && view.state.selection.empty) {
          return true;
        }
      },
      handlePaste: (view, event, slice) => {
        if (this.maxlength && view.state.doc.textContent.length + slice.size > this.maxlength) {
          slice.content = new DocumentFragment();
        }
      },
    },
    ...
}); 

[usb248]

When i see the code :

Without any documentation a little bit detailed... Good luck !