[AddOn] Salvamento automático no editor

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[AddOn] Salvamento automático no editor

Mensagem por Daemon em 06/07/15, 06:23 pm


Salvamento automático no editor
É muito chato quando digitamos um texto enorme e de repente a internet cai no momento que enviamos a mensagem, ou o browser fecha sem querer, não é mesmo? Agora isso já não é mais um problema! Com este código poderemos salvar o texto digitado, em um tempo determinado!
Características e aplicação
Criador: @Daemon
Versão: 1.3
Versão: Todas as versões
Resultado da aplicação
Local de instalação
A instalação é única, e pode ser feita apenas criando um novo javascript. Para isso, acesse Painel de Controle ->> Módulos >> HTML e Javascript >> Gestão dos códigos Javascript >> Criar um novo javascript >> Investimento >> Em todas as páginas.
Código:
/***
* Versão: 1.3
* Código: Salvar conteúdo do editor
* Data: 16/07/2015
* Autor: Daemon
* Acesse: http://ajuda.forumeiros.com
***/
$(document).on('ready', function() {
if (!$.sceditor) return;
$('head').append(
'<style type="text/css">' +
'   .last_update {' +
'     color: #aaa;' +
'     font-size: 12px;' +
'     text-align: left;' +
'    padding-top: 10px;' +
'   }' +
'</style>'
);
var content = localStorage.getItem('editor_sm');
var editor = $('#text_editor_textarea').sceditor('instance');
if(content) {
   if(confirm("Uma mensagem foi salva. Você deseja reciclá-la?")) {
      editor.val(content);
   } else {
      localStorage.removeItem('editor_sm');
   }
}

var typingTimer;
var typingInterval = 5000;// Tempo em milissegundos para que a mensagem seja salva no editor (5000 = 5 segundos)

editor.keyUp(function() {
    clearTimeout(typingTimer);
    typingTimer = setTimeout(saving, typingInterval);
}).keyDown(function() {
    clearTimeout(typingTimer);
});

function saving() {
  var date = new Date;
  var time = date.getHours() + ':' + date.getMinutes() + ':' + date.getSeconds();
  var editor_value = editor.val();
  if(!$('.last_update').length) {
      $('form[action="/post"] input[name="post"]').parent().append('<div class="last_update"></div>');
  }
  if(editor_value != '') {
      localStorage.setItem('editor_sm', editor_value);
      $('.last_update').html('Último salvamento automático: ' + time);
  }
}
});

Importante:
Para alterar o tempo de salvamento da mensagem, leia a instrução que está no código.



Última edição por Daemon em 16/07/15, 12:28 am, editado 8 vez(es)
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por JScript em 06/07/15, 06:29 pm

Excelente @Daemon !!!

Estou testando o código e lhe informo de algum problema ou melhoria ok?

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Shaman em 06/07/15, 07:13 pm

Muito bom @Daemon mas uma dúvida, tem tamanho máximo de caracteres que ele salva? Como funciona o "em um tempo determinado!" ? Não entendi muito bem... Louco
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Re: [AddOn] Salvamento automático no editor

Mensagem por JScript em 06/07/15, 07:22 pm

@Shaman escreveu:(...)tem tamanho máximo de caracteres que ele salva?
Teoricamente o tamanho máximo de uma postagem que é em média 15.000 caracteres
Porém o Storage comporta até 5MB!
@Shaman escreveu:Como funciona o "em um tempo determinado!" ?
É o tempo que o código leva para "salvar" a postagem em andamento.

JS
avatar

JScript
Membro do Fórum

Masculino
Inscrito dia : 14/03/2013
Mensagens : 1449
Pontos Ativos : 1900

Ver perfil do usuário http://jscript.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Daemon em 06/07/15, 07:53 pm

@JScript
Okay meu amigo, fique a vontade! heheh

@Shaman
Isso aí que o JC postou... Porém pode comportar até mais do que 5MB dependendo do browser.
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Shibiusa em 07/07/15, 02:49 pm

Posso informar que funciona parcialmente no meu fórum. Guarda o conteúdo, mas não aparece o textinho do último salvamento. Talvez seja por ser phpbb2.
Além disso, salva o conteúdo para todas as respostas automáticas. Por exemplo, se eu estiver a postar num tópico e não o fizer, ao mudar para outro vai levar o conteúdo que escrevi para lá.
avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Daemon em 08/07/15, 12:12 am

Atualizado Rosa
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Destroer em 16/07/15, 12:04 am

@Daemon

Perfeito! Era o que eu precisava no meu fórum, só fiz o ajuste de 1s, porque costumo usar muito pré-visualização, o que as vezes fazia ele não salvar a tempo por ter apertando para pré visualizar antes.


avatar

Destroer
Nível 5

Masculino
Inscrito dia : 03/03/2015
Mensagens : 49
Pontos Ativos : 71

Ver perfil do usuário http://rpgamalgama.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Daemon em 16/07/15, 12:11 am

@Destroer escreveu:@Daemon

Perfeito! Era o que eu precisava no meu fórum, só fiz o ajuste de 1s, porque costumo usar muito pré-visualização, o que as vezes fazia ele não salvar a tempo por ter apertando para pré visualizar antes.


Você diminuindo tanto o tempo de salvamento das mensagens, faz com que sejam feitas várias requisições, e pode dar o famoso "request limit"...
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Destroer em 16/07/15, 12:17 am

Entendo, tem como o usuário habilitar ou desabilitar ele quando quiser?
avatar

Destroer
Nível 5

Masculino
Inscrito dia : 03/03/2015
Mensagens : 49
Pontos Ativos : 71

Ver perfil do usuário http://rpgamalgama.forumeiros.com/
  • 0

Re: [AddOn] Salvamento automático no editor

Mensagem por Daemon em 16/07/15, 12:29 am

Há como sim! Irei fazer isto numa próxima versão, ok? Por enquanto, peço que altere o código pois foi atualizado! Piscada
avatar

Daemon
Membro do Fórum

Masculino
Inscrito dia : 01/03/2012
Mensagens : 1096
Pontos Ativos : 1688

Ver perfil do usuário http://bestskins.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Destroer em 16/07/15, 01:19 am

Tudo bem, obrigado!
avatar

Destroer
Nível 5

Masculino
Inscrito dia : 03/03/2015
Mensagens : 49
Pontos Ativos : 71

Ver perfil do usuário http://rpgamalgama.forumeiros.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por Shibiusa em 16/07/15, 01:54 pm

Agradeço o update com a correcção das falhas que mencionei. Entretanto, o nosso developer já criara um javascript próprio para o mesmo efeito e será esse o que utilizaremos Piscada
avatar

Shibiusa
Nível 10

Feminino
Inscrito dia : 28/06/2008
Mensagens : 258
Pontos Ativos : 355

Ver perfil do usuário http://www.narutoportugalrpg.com/

Re: [AddOn] Salvamento automático no editor

Mensagem por RodrigoGatto em 26/07/15, 03:43 pm

A ideia é ótima! Porém,na versão PHBBP3, não está reciclando a mensagem! Sempre que eu vou para outro tópico aparece a mensagem para reciclar e não funciiona.
avatar

RodrigoGatto
Nível 7

Masculino
Inscrito dia : 10/04/2015
Mensagens : 98
Pontos Ativos : 138

Ver perfil do usuário http://tbgrpg.forumeiros.com

Re: [AddOn] Salvamento automático no editor

Mensagem por Lineshooter em 23/12/15, 12:33 am

Funcionou! Meio complicadinho de entender como funciona na prática, mas pelo menos pode prevenir futuras tragédias. Utilizando no Marvel-RPG. Feliz
avatar

Lineshooter
Nível 6

Masculino
Inscrito dia : 08/03/2014
Mensagens : 69
Pontos Ativos : 106

Ver perfil do usuário http://marvelrpg.forumeiro.com https://www.facebook.com/rohhvm https://twitter.com/@outfoxedfox

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum