Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Modifier l'apparence du qeel
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 23:44 par Cofeeandnothingelsethanks

» » Un texte qui clignote
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 23:43 par Cofeeandnothingelsethanks

» » HTTPS Everywhere
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 12:49 par David1195

» » [Edge] Fermeture automatique des volets widgets sur le forum
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 12:41 par David1195

» » Menu de recherche instantanée
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 11:28 par LilaCH

» » Widget : Sujets récents d'un sous-forum spécifique
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 11:26 par LilaCH

» » Une barre de statistiques comme sur le FDF
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 11:25 par LilaCH

» » Ajouter un bouton de prévisualisation aux titres des topics
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 11:25 par LilaCH

» » Les palindromes
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 11:23 par LilaCH

» » Mise à jour, Problèmes - Les dernières informations de Forumactif
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mer 18 Sep 2019 - 11:12 par Splash

» » [Tuto] Créer une page HTML
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mar 17 Sep 2019 - 20:50 par David1195

» » Le coucou du jour
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mar 17 Sep 2019 - 20:49 par David1195

» » [Tuto] Le record du nombre d'utilisateurs en ligne
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mar 17 Sep 2019 - 20:48 par David1195

» » [Tuto] Créer un widget personnalisé
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mar 17 Sep 2019 - 20:47 par David1195

» » Modifier la partie des stats en début de qeel
Ajouter imgur à l'éditeur de la réponse rapide Clock-10Mar 17 Sep 2019 - 20:46 par David1195

Septembre 2019
LunMarMerJeuVenSamDim
      1
2345678
9101112131415
16171819202122
23242526272829
30      

Calendrier Calendrier

Ajouter imgur à l'éditeur de la réponse rapide

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le Mer 27 Fév 2019 - 6:18

  • MP
  • Zoom
Hi,

Voici une petite astuce pour ajouter un bouton, à la réponse rapide, pour l'hébergeur imgur

Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script Sur les sujets :
Code:
;window['FormData'] && $(function(){$(function(){
 
  var imgur_client_id = 'Client-ID';
 
  var current = 0, uploaded, xhrs, file_selector, button = $('<a class="sceditor-button imgur-button" unselectable="on" title="Héberger une image"><div unselectable="on">Héberger avec imgur</div></a>').insertBefore('.sceditor-button-servimg').click(function(){
    if(current) return finish();
    if(!file_selector) file_selector = $('<input type="file" multiple/ accept="image/*">').css({position:'absolute', top:-100}).appendTo('body').change(function (e) {
      var files = e.target.files, fd, len;
      uploaded = [], xhrs = [];
      for (var i = 0, len = files.length; i < len; i += 1) {
        if (files[i].type.indexOf('image/') && files[i].type !== 'application/pdf') continue;
        current++;
        fd = new FormData();
        fd.append('image', files[i]);
        (function(xhr){
          var num = i, xhr = jQuery.ajaxSettings.xhr();
          xhrs.push(xhr);
          xhr.open('POST', 'https://api.imgur.com/3/image');
          xhr.setRequestHeader('Authorization', 'Client-ID '+imgur_client_id);
          xhr.onreadystatechange = function () {
            if (xhr.readyState !== 4) return;
            current--;
            if (xhr.status === 200) {
              var res = JSON.parse(xhr.responseText);
              uploaded[num] = res.data.link;
            }
            if(!current) finish();
          };
          xhr.send(fd);
        })();
      }
      if(current) button.css({background:'url(https://i.imgur.com/EMsOJtZ.gif) no-repeat'});
    });
    file_selector.click();
    return false;
  }).children();
  var finish = function(){
    for(var i=0; i < xhrs.length; i++) {
        if(xhrs[i].readyState == 4) continue;
        xhrs[i].onreadystatechange = function(){};
        xhrs[i].abort();
    }
    for(var i=0; i < uploaded.length; i++) {
      if(uploaded[i] === undefined) continue;
      $('body').find('.sceditor-button-image').click().end().find('.sceditor-insertimage').find('#image').val(uploaded[i]).end().find('input.button').click();
      $('#text_editor_textarea').sceditor('instance').insertText('\n');
    }
    button.removeAttr('style');
    current = 0;
    file_selector.wrap('<form>').closest('form').get(0).reset();
    file_selector.unwrap();
    return false;
  };
})});

Renseignez votre Client ID ici :
Code:
var imgur_client_id = 'Client-ID';

Pour l'obtention de votre Client ID, voir ce topic : https://lesforums.caforum.fr/t351-remplacer-servimg-par-imgur

Pour changer le texte de l'infobulle c'est ici :
Code:
<div unselectable="on">Héberger avec imgur</div>

Remplacer Héberger avec imgur par ce que vous voulez

Pensez à   Valider 2

Un peu de CSS pour mettre une image au bouton

Direction le CSS

Panneau d'administration / Affichage / Images et Couleurs / Couleurs / Feuille de style CSS


Mettre ce code à la CSS :
Code:
a.imgur-button div {
  background:url(https://i.imgur.com/rFzEjxZ.png);
}

Pensez à   Valider 2


Le nouveau bouton imgur figure à l'éditeur de la réponse rapide

Ajouter imgur à l'éditeur de la réponse rapide Imgur11




:u1:
À bientôt
Bye



† Aucune aide ne sera donnée en privé
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Mer 27 Fév 2019 - 12:26

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



chrisnvidia

chrisnvidia

Membre
Membre

Messagechrisnvidia le Mer 27 Fév 2019 - 16:38

  • MP
  • Zoom
Merci beaucoup !
LilaCH

LilaCH

Membre
Membre

MessageLilaCH le Dim 3 Mar 2019 - 9:03

  • MP
  • Zoom
Merci beaucoup !

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum