{parts/gtag_head.html} {parts/gtag_body.html}
Mês do Programador

Vamos comemorar juntos o seu mês.
Aproveite condições especiais.

Cursos, combos e assinaturas com desconto exclusivo para comemorar o Dia do Programador. Tempo limitado.

Promoção válida de 14/09 à 25/09

De 30% Até50% OFF
Como fazer upload de imagens para servidor externo pelo summernote do THtmlEditor 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: ...
CA
Como fazer upload de imagens para servidor externo pelo summernote do THtmlEditor  
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:

 
  1. <?php
  2. $('#summernote').summernote({
  3. callbacks: {
  4. onImageUpload: function(files) {
  5. // upload image to server and create imgNode...
  6. $summernote.summernote('insertNode', imgNode);
  7. }
  8. }
  9. });
  10. ?>


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:

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


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:

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


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

Se alguém pude ajudar, agradeço!

Curso Dominando o Adianti Framework

O material mais completo de treinamento do Framework.
Curso em vídeo aulas + Livro completo + Códigos fontes do projeto ERPHouse.
Conteúdo Atualizado!


Dominando o Adianti Framework Quero me inscrever agora!

Comentários (1)


LF

Basicamente eu tentaria usar Jquery para isso!
Avaliando por cima ... o códido onSave devia resgatar esses valores que estão em uma html na tela;


 
  1. <?php
  2. function onSave()
  3. {
  4. try
  5. {
  6. TScript::create(
  7. ' const html_data = $(".note-editable.card-block img"); ' .
  8. ' let filebase64 = html_data[0].src; ' .
  9. ' let filename = html_data.data("filename"); ' .
  10. '// chamar sua funcao para enviar para servidor externno'
  11. );
  12. ... segue o fluxo
  13. ?>