Bouton de sauvegarde

[Yoshkill]

Bonjour,

J'avais installé un script qui mettais un bouton de sauvegarde en suivant un de vos tutoriels :

Code:

function insertText(a) {
  var c = localStorage.getItem("fasave" + a);
  if(null === c) {
    $("#savep div[onClick^=insertText(" + a + ")]").remove()
  }else {
    if(1 == $("#savep select").val()) {
      localStorage.removeItem("fasave" + a), localStorage.removeItem("fasavet" + a), $("#savep div[onClick^='insertText(" + a + ")']").remove()
    }else {
      if(2 == $("#savep select").val()) {
        var b = localStorage.getItem("fasavet" + a), b = prompt("Entrer le titre de la sauvegarde :", b ? b : "");
        null !== b && ("" == b ? (localStorage.removeItem("fasavet" + a), $("#savep div[onClick^='insertText(" + a + ")']").text('"' + c.substr(0, 30).replace(/</g, "<").replace(/>/g, ">") + (30 < c.length ? "..." : '"'))) : (localStorage.setItem("fasavet" + a, b), $("#savep div[onClick^='insertText(" + a + ")']").text(b)))
      }else {
        replaceTxt(c)
      }
    }
  }
}
function replaceTxt(a) {
  var c = $("#text_editor_textarea");
  if(c.length) {
    start = c[0].selectionStart;
    end = c[0].selectionEnd;
    stop = c[0].scrollTop;
    sleft = c[0].scrollLeft;
    text = c.val();
    for(var b = [""], e = /^([\s\S]*?)(((\$\$)+)(\$?)|(\$))0([\s\S]*)$/, d;d = a.match(e);) {
      b[b.length - 1] += d[1], "$" == d[6] || "" == d[4] ? b[b.length] = "" : b[b.length - 1] += d[3].substr(0, d[3].length / 2) + "0", a = d[7]
    }
    b[b.length - 1] = a;
    e = text.substring(start, end);
    a = b[0];
    d = a.length;
    for(var f = 1;f < b.length;f++) {
      a += e, a += b[f]
    }
    c.val(text.substr(0, start) + a + text.substr(end));
    c[0].selectionStart = start + d;
    c[0].selectionEnd = 1 < b.length ? end + d : start + d;
    c[0].scrollTop = stop;
    c[0].scrollLeft = sleft
  }
}
function saveExport() {
  for(var a = null === localStorage.getItem("fasave-length") ? 0 : localStorage.getItem("fasave-length"), c = "[", b = 0;b < a;b++) {
    var e = localStorage.getItem("fasave" + b);
    if(null !== e) {
      var d = localStorage.getItem("fasavet" + b);
      "[" != c && (c += ",");
      c += (null === d ? "" : escape(d) + ":") + escape(e)
    }
  }
  replaceTxt(c + "]")
}
function saveImport() {
  var a = $("#text_editor_textarea").val().substring($("#text_editor_textarea").prop("selectionStart"), $("#text_editor_textarea").prop("selectionEnd")).replace(/\s/g, "");
  if(/^\[[%/^a-zA-Z0-9\*@_\+\.\/:,-]*\]$/.test(a)) {
    for(var a = a.substr(1, a.length - 2).split(","), c = 0;c < a.length;c++) {
      var b = a[c].split(":");
      2 == b.length ? saveItem(unescape(b[1]), unescape(b[0])) : saveItem(unescape(b[0]), "")
    }
  }
}
function saveSelect() {
  var a = $("#text_editor_textarea");
  0 != $(a).prop("selectionStart") - $(a).prop("selectionEnd") && (a = a.val().substring($(a).prop("selectionStart"), $(a).prop("selectionEnd")), saveItem(a, ""))
}
function saveItem(a, c) {
  for(var b = parseInt(null === localStorage.getItem("fasave-length") ? 0 : localStorage.getItem("fasave-length")), e = 0;e < b;e++) {
    var d = localStorage.getItem("fasave" + e);
    null !== d && d == a && (localStorage.removeItem("fasavet" + e), $("#savep div[onClick^='insertText(" + e + ")']").remove(), localStorage.removeItem("fasave" + e))
  }
  localStorage.setItem("fasave" + b, a);
  "" != c && localStorage.setItem("fasavet" + b, c);
  localStorage.setItem("fasave-length", b + 1);
  $("#savep select").after('<div class="savedt" onClick="insertText(' + b + ');return false;">' + (c ? c : """ + a.substr(0, 30).replace(/</g, "<").replace(/>/g, ">") + (30 < a.length ? "..." : """)) + "</div>")
}
$(function() {
  $("#text_editor_textarea").length && window.localStorage && "Microsoft Internet Explorer" != navigator.appName && ($("#addbbcode16").after(' <span id="savec"><button id="saveb" class="button2" type="button" title="Sauvegarde"><img src="http://i49.servimg.com/u/f49/15/59/73/38/save10.png" alt="Sauvegarde" title="Sauvegarde"></button></span>'), $("#saveb").click(function(a) {
    if(a.shiftKey) {
      $("#saveshift").length || $("#savec").append('<div class="save-bloc" id="saveshift"><div onClick="saveExport()">Exporter</div><div onClick="saveImport()">Importer</div></div>'), $("#savep").hide(300), $("#saveshift").slideToggle(300)
    }else {
      if(!$("#savep").length) {
        $("#savec").append('<div class="save-bloc" id="savep"><select><option value="0">Insérer</option><option value="1">Supprimer</option><option value="2">Nommer</option></select><div id="saves" style="display:none"><hr /><span onClick="saveSelect()">Sauver la sélection</span></div></div>');
        $("#savep").click(function(a) {
          a.stopPropagation()
        });
        for(var a = null === localStorage.getItem("fasave-length") ? 0 : localStorage.getItem("fasave-length"), c = 0;c < a;c++) {
          var b = localStorage.getItem("fasave" + c);
          null !== b && $("#savep select").after('<div class="savedt" onClick="insertText(' + c + ');return false;">' + (null === localStorage.getItem("fasavet" + c) ? """ + b.substr(0, 30).replace(/</g, "<").replace(/>/g, ">") + (30 < b.length ? "..." : """) : localStorage.getItem("fasavet" + c)) + "</div>")
        }
      }
      $("#saveshift").hide(300);
      $("#savep").slideToggle(300)
    }
  }), $("#text_editor_textarea").select(function() {
    $("#saves").show()
  }), $("#text_editor_textarea").bind("click keyup keydown", function() {
    0 == $(this).prop("selectionStart") - $(this).prop("selectionEnd") && $("#saves").hide()
  }))
});

J'aimerais savoir comment l'adapter au nouvel éditeur de messages. Si possible, j'aimerais qu'il soit placé juste avant le bouton "Plus/Moins de bouton" (dans un rectangle gris à part).

Merci d'avoir lu, en espérant obtenir de l'aide.

[Chacha]

Bonjour,

J'ai fait remonter l'information à EA.


Cordialement.

[Yoshkill]

Merci ! En attendant sa réponse !

[tony59]

Bonjour,

J'allais justement le demander, apparemment, depuis le nouvel éditeur, ce code ne fonctionne plus.

[demeter1]

Intéressé également. il faut dire que cette fonctionnalité rend bien des services.

[Chacha]

Bonjour,

EA est au courant, il faut qu'il refasse pas mal donc ça prendra quelques temps.


Cordialement.

[Ea]

Bonjour,


J'ai fait une première mise à jour du code :
http://s301826463.onlinehome.fr/fdf/viewtopic.php?pid=53#p53

Cela ne fonctionne ( comme c'était le cas pour l'ancien éditeur ) qu'en mode source, il faudra que je fasse encore une modification :

• soit pour que ça marche également en mode wysiwyg ( mais c'est compromis vu que je n'ai pas trouvé comment accéder à un texte sélectionné dans la documentation de l'éditeur )
  
• soit pour que rien n'apparaisse en mode wysiwyg

Cordialement.

[Alpha.44]

Bonjour,

Il faut seulement mettre ça en JS > toutes les pages ?
Le bouton est représenté comment ? Parce que, j'avoue avoir fait le test avec l'ancien éditeur et ça n'avait pas fonctionné.

Merci. <3

[Ea]

Il y a les instructions et des captures d'écran dans le tutoriel :
 https://forum.forumactif.com/t311191-ajouter-un-bouton-de-sauvegarde-a-l-editeur-normal

Cordialement.

[Alpha.44]

Bonjour et merci pour la réponse.

Cependant, après insertion du CSS, insertion du JS "toutes les pages", ça ne fonctionne pas. J'ai raté quelque chose ? :-/

Mon navigateur, chrome, est à jour. (:

[Ea]

> J'ai raté quelque chose ? :-/

probablement, il y a beaucoup de chance que ça vienne d'un problème dans les scripts mais dur à dire sans lien du forum.

[Alpha.44]

Voici le lien du forum :

http://waterfordrpg.forumactif.fr/

Merci en tout cas ! (:

[Caline-08]

Coucou ^^

Cela ne fonctionne pas non plus chez moi.. (je m'en servé tous les jours de ce bouton en +)

La j'ai rien qui apparait quand je met le script..

[Ea]

Le code fonctionne en l'exécutant manuellement, et en y regardant il me semble que ça ne fonctionne pas dans une page de code car il agit trop tôt ^^

Enfin j'ai refait un petit changement au code et ça devrait aller mieux.

Cordialement.

[Caline-08]

Je viens d'essayé le nouveau code ^^

Je vois la valise, je vois mes modèles prédéfini.. Sauf que je peux juste les voir, si je clique dessus, il ne s'insère pas dans le modèle de réponse..

[Alpha.44]

Aahhhhh, c'est juste PARFAIT. *-*
Merci énormément ! C'est trop bon ! <3

[Ea]

Je viens d'essayé le nouveau code ^^

Je vois la valise, je vois mes modèles prédéfini.. Sauf que je peux juste les voir, si je clique dessus, il ne s'insère pas dans le modèle de réponse..

tu es en mode source ? faut encore que je fasse une modification au script pour le wysiwyg ( voir ici, soit désactiver le bouton pour, soit y parvenir partiellement )

[Caline-08]

Oui je suis en mode source, j'écris qu'en mode source..

L'insertion et l'ajout de modèle prédéfini ne fonctionne pas (firefox comme chrome)

[Alpha.44]

Ah mince ! J'ai juste une question EA ; le bouton est bien là. J'ai bien les trois options ; pour l'insertion, suppression etc. ! Cela dit, comment fait-on pour sauvegarder ? Là, je sèche. Je n'ai pas tout suivi pour le coup.

Merci ! (:

[Caline-08]

"Cela dit, comment fait-on pour sauvegarder ? Là, je sèche. Je n'ai pas tout suivi pour le coup."

Sa marche pas actuellement ^^

[Ea]

En l'ayant ouvert : https://i.imgur.com/bOecrNZ.png

Il devrait suffire de sélectionner un texte et cliquer sur sauver la sélection : https://i.imgur.com/JJGR2RN.png

@caline : j'ai re³mis le code à jour ( y'avait un truc dedans qui le faisait pas fonctionner pour phpbb2 )

[Alpha.44]

C'est génial, je te remercie vraiment. Les rôlistes du forum seront ravis !
J'étais sous phpbb2 et ça ne fonctionnait pas non plus, maintenant c'est OK. Merci beaucoup EA, pour le temps accordé.

Je vais vous laisser moi. Bonne soirée et bon courage pour les changements !

[Caline-08]

Merciiiiiii Etana

Sa remarche niquel ^^

Ouf meme si je pense toujours que cet éditeur est archi pourri, réavoir la fonction m'aide a un peu mieux avaler la pillule du sois disant nouvel éditeur plus moderne" ^^

[Yoshkill]

Impec, merci EA !