Como fazer upload de imagens para servidor externo pelo summernote do THtmlEditor

Caique Andrade 16/03/2023 (há 1 ano)

Olá,

Estou usando o THtmlEditor para cadastrar artigos, porém as imagens inseridas são salvas em base64. Eu gostaria de salvar as imagens em um servidor externo e gravar no BD apenas a referência. Estou fazendo o projeto pelo builder.
Vi que a classe utiliza o editor summernote e vendo sua documentação encontrei como fazer isso:

<?php
$('#summernote').summernote({
callbacks: {
onImageUpload: function(files) {
// upload image to server and create imgNode...
$summernote.summernote('insertNode', imgNode);
}
}
});
?>

Porém dessa forma o editor é reecrito e perco as funcionalidades que havia inserido antes como um botão customizado com `addCustomButton`.
Então encontrei essa outra forma que seria a correta:

<?php
$('#summernote').on('summernote.image.upload', function(we, files) {
// upload image to server and create imgNode...
$summernote.summernote('insertNode', imgNode);
});
?>

Porém esse evento não é ativado. Lendo as issues percebi que caso um callback tenha sido definido na criação do editor, como acontece com THtmlEditor, o evento usando `on` não é disparado.

Pelo `setOptions` da classe THtmlEditor acredito que possa redefinir os callback, porém não acerto..
Estou fazendo isso:

<?php
$conteudo->setOption('callbacks', ['onImageUpload' => "function() {
console.log('Entrei');
}"]);
?>

Então como realizar o upload para um servidor externo de forma correta?

Se alguém pude ajudar, agradeço!

Comentários (1)