editor quill configuração

[belann 0]

Olá!

 

Estou usando o editor quill em uma página html, sem fazer a instalação com npm, mas usando as api´s via internet com http, no entanto não consigo fazer a tecla enter funcionar para mudança de linha, tentei essa configuração abaixo, mas não funcionou.

 

modules: {

      syntax: true,

      toolbar: '#toolbar-container',

      keyboard: {

        bindings: {

          enter: {

            key: 13,

            handler: function(range, context) {

                      quill.formatLine(range.index, range.length, { 'align': '' });

            }

          }

 

 

[Felipe Guedes Coutinho 0]

Fala Belann, tudo bem?

 

Para ajustar o comportamento da tecla Enter no editor Quill, você pode personalizar a função do handler e garantir que ele esteja executando o comando correto para criar uma nova linha. Vou sugerir uma modificação para o código que pode resolver o problema.

Tente este código:

var quill = new Quill('#editor', {
  modules: {
    syntax: true,
    toolbar: '#toolbar-container',
    keyboard: {
      bindings: {
        enter: {
          key: 13, // Código da tecla "Enter"
          handler: function(range, context) {
            if (!context.collapsed) {
              quill.deleteText(range.index, range.length);
            }
            quill.insertText(range.index, '\n', Quill.sources.USER);
            quill.setSelection(range.index + 1, Quill.sources.SILENT);
          }
        }
      }
    }
  },
  theme: 'snow'
});

Nesse ajuste:

1. Quando a tecla Enter é pressionada, o código insere uma nova linha (\n) no local atual do cursor.
2. O cursor é movido para a próxima linha com quill.setSelection().

Certifique-se de que o seletor #editor corresponda ao elemento onde você está inicializando o Quill e que a configuração do toolbar também esteja correta.