Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Masquer le bloc "Modérateurs"
Aujourd'hui à 15:39 par David1195

» » Qeel en bas de page
Hier à 21:15 par Noxys

» » Afficher / Masquer la réponse rapide
Hier à 20:58 par Noxys

» » Différencier les MP non lus et nouveaux
Hier à 16:37 par Noxys

» » Modifier le message sur la page d'accueil
Hier à 16:36 par Noxys

» » Mettre une image en fond de page (body)
Hier à 16:33 par Noxys

» » Masquer "Connexion" & "S'enregistrer" sur la toolbar
Mar 19 Mar 2019 - 21:04 par Esiole

» » 14h de panne pour Facebook, la plus longue de son histoire
Sam 16 Mar 2019 - 22:10 par HeroxAquariophile

» » Formulaire pour diaporama
Dim 10 Mar 2019 - 18:33 par Splash

» » Modifier l'apparence du qeel
Dim 10 Mar 2019 - 16:57 par Synoka

» » Masquer les statistiques du bas de forum (Nb de messages, Nb de membres, dernier inscrit)
Dim 10 Mar 2019 - 15:11 par David1195

» » Feuille de style pleine
Dim 10 Mar 2019 - 15:10 par David1195

» » Le coucou du jour
Ven 8 Mar 2019 - 14:02 par chrisnvidia

» » Différencier le mode texte et le mode WYSIWYG à l'éditeur
Ven 8 Mar 2019 - 13:24 par chrisnvidia

» » Les dernières informations de Forumactif
Mar 5 Mar 2019 - 18:31 par Splash

» » Transfonter
Lun 4 Mar 2019 - 11:10 par valou712

» » Spam, Phishing, Arnaques : Signaler pour agir
Lun 4 Mar 2019 - 10:57 par David1195

» » La feuille de style CSS
Lun 4 Mar 2019 - 10:56 par David1195

» » Enlever la bordure bleu au post-header
Lun 4 Mar 2019 - 10:51 par David1195

» » Le javascript
Dim 3 Mar 2019 - 9:15 par LilaCH

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






: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