Staff en línea

[javascript] Autoguardado del texto del editor
Tema iniciado por y Añadir a favoritos

staff
[codebox]¿Textos muy largos en el editor? ¿te saliste de la pagina? con este plugin lo restauras[/codebox]

[hidecode]
Código:


$(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("Hay un mensaje guardado ¿Deseas usarlo?")) {
      editor.val(content);
  } else {
      localStorage.removeItem('editor_sm');
  }
}
 
var typingTimer;
var typingInterval = 5000;
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 autoguardado automático: ' + time);
  }
}
});

[/hidecode]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6712


Puntos :

8775


Me gusta :

1006


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

muy util chalo gracias
Roger
avatar

¿Que estoy pensando? :

Probando el status del foro [table class=fecha_up][td]Se modifico:9/03/17 - 9:13 hrs.[/td][/table]


Banner en temas :

http://thedesigninspiration.com/wp-content/uploads/2012/06/Facebook-Covers-029.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

304


Puntos :

342


Me gusta :

30


ingreso :

30/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Gracias por el código, Chalo.
Lo probaré a ver que tal.
Edito: Al parecer no me servirá, ya que al ponerlo el editor de texto me queda en blanco. Una lástima pero seguro hay otras maneras de no perder el texto del editor cuando se cierre la página por accidente.-
Gerik
avatar

¿Que estoy pensando? :

Poco tiempo y mucho que aprender [table class=fecha_up][td]Se modifico:11/04/17 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

53


Puntos :

67


Me gusta :

4


ingreso :

09/04/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Firefox


Ver perfil de usuario

Volver arriba Ir abajo

Lemme see this code.
Astrahon
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

11


Puntos :

13


Me gusta :

2


ingreso :

13/07/2017


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

vamos a probar este codigo
yeisergs
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

31


Puntos :

37


Me gusta :

4


ingreso :

18/01/2018


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


Permisos de este foro:
No puedes responder a temas en este foro.