Criei um editor simples online sem identidade, implementado no back-end com Node.JS com Socket.IO, MongoDB e cliente usandoReagi conectando o Socket.IO.

Para criar um editor, useiFroala Editor com reag-froala-wysiwyg como plugins para React.

Implantei meu aplicativo no Heroku emhttps: //dontpad.herokuapp.co e está funcionando bem com vários usuários (o Socket funciona bem

Esta é a minha captura de tela sobre como ele trabalhou com 7 usuários on-line uma vez e funciona quando alguém altera os dados:

Err

Mas eu detectei isso depois que o Froala Editor mudou depois 11 vezes, o acidente do editor Froala e não entendo o que está acontecendo?

Esta é a captura de tela depois que o modelo da Froala mudou0 vezes e ainda está funcionando:

E quando eu mudei em 11th, está travando:

O erro no console é: (o erro aparece somente após aproximadamente 5s desde a falha do editor - LoL)

froala_editor.pkgd.min.js: 7 Não detectado TypeError: Não é possível ler a propriedade 'VOID_ELEMENTS' de null em Object.f [como isEmpty] (froala_editor.pkgd.min.js: 7) em Object.E [como get] (froala_editor .pkgd.min.js: 9) em froala_editor.pkgd.min.js: 19

Código font

Este é meu repositório no githubhttps: //github.com/huynhsamha/dontpa

Esta é a minha renderização de códigoFroala Editor

<FroalaEditor
            tag="textarea"
            model={this.props.model}
            config={configFrolaEditor}
            onModelChange={this._onChangeModel}
          />

Eu useiRedux para mapear o estado para adereços para o componente filho, entãomodel={this.props.model}.

const mapStateToProps = state => ({
  model: state.Model
});

E isso é_onChangeModel que emitem para soquete e chamamthis.props.editModel(model);, qual émapDispatchToProps

  _onChangeModel = (model) => {
    this.timeShowTextSaving = Date.now();
    this.props.editModel(model);
    this.setState({ stateModel: msg.SAVING });
    socket.emit(conf.socket.client.modelChanged, {
      model, room: this.room
    });
  }


// This is mapDispatchToProps
const mapDispatchToProps = dispatch => ({
  editModel: (model) => {
    dispatch(actions.editModel(model));
  }
});

Isto é versão completa deste arquivo - Editor.jsx

E isso émy config do Froala Editor Component Há algo de errado na minha configuração?

export const config = {
  placeholderText: 'Edit Your Content Here!',
  spellcheck: false,
  scaytAutoload: false,
  charCounterCount: false,
  theme: 'custom',
  indentMargin: 10,
  heightMin: window.screen.availHeight,
  fontFamily: {
    // fonts ...
  },
  toolbarButtons: [
    'bold', 'italic', // buttons ...
  ]
};

lguém já encontrou esse problema como e