quarta-feira, 21 de agosto de 2019

CKEDITOR: Configurar função para ser executado ao carregar

Esses dias me deparei com um problema, precisava que um texto fosse inserido num campo que usa o CKEditor. Até tentei executar essa função em document.load, as ainda assim, o CKEditor não estava totalmente iniciado e pronto para receber o texto. Então encontrei uma forma de configurar o CKEditor para executar o que queria, na verdade, existe três formas, que vai variar de acordo com a situação:

A primeira é quando a API já está carregada, que você pode fazer da seguinte maneira:

CKEDITOR.on('loaded', function(evt) {
    // your stuff here
} );

Mas lembrando que API estar carregada não significa que você pode inserindo o texto em qualquer lugar, dado que as instâncias podem não estar prontas, que é o que veremos agora:

A segunda forma é executado quando qualquer instância fica pronta, que é feita da seguinte maneira:

CKEDITOR.on('instanceReady', function(evt) {
    // your stuff here
} );

Essa é boa quando você quer aplicar algo em todas as instâncias, mas as mesmas só podem ser inseridas quando as mesmas estão prontas.

Por último, temos quando queremos executar algo em uma instância específica, que fica assim:

CKEDITOR.replace('editor', {
    on: {
        instanceReady: function(evt) {
            // your stuff here
        }
    }
} );

Neste caso, o 'editor' seria o nome da instância que queremos aplicar a função quando estiver pronta.

Nenhum comentário:

Postar um comentário