Publicado em 10 de out.

editor quill configuração

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': '' });

             }

           }

Discussão (1)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Felipe Guedes Coutinho· 17 de out.

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:

-
Quando a tecla Enter é pressionada, o código insere uma nova linha (\n) no local atual do cursor.

-
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.