Ajouter imgur à l'éditeur de la réponse rapide
Page 1 sur 1•Partagez
- Splash
StaffAdmin - 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;
};
})});- Code:
var imgur_client_id = 'Client-ID';
- Code:
<div unselectable="on">Héberger avec imgur</div>
- Code:
a.imgur-button div {
background:url(https://i.imgur.com/rFzEjxZ.png);
}
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 :
Renseignez votre Client ID ici :
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 :
Remplacer Héberger avec imgur par ce que vous voulez
Pensez à
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 :
Pensez à
Le nouveau bouton imgur figure à l'éditeur de la réponse rapide
À bientôt
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 :
Renseignez votre Client ID ici :
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 :
Remplacer Héberger avec imgur par ce que vous voulez
Pensez à
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 :
Pensez à
Le nouveau bouton imgur figure à l'éditeur de la réponse rapide
:u1: |
- David1195
StaffModo
Merci beaucoup !
- chrisnvidia
Membre
Merci beaucoup !
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Mer 31 Jan 2024 - 13:03 par NIK SIURI
» » Réduire la hauteur des catégories
Mer 31 Jan 2024 - 12:59 par NIK SIURI
» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 12:35 par NIK SIURI
» » Afficher les avatars en forme rectangulaire
Mer 31 Jan 2024 - 11:47 par NIK SIURI
» » Modifier la partie des stats en début de qeel
Mer 31 Jan 2024 - 11:45 par NIK SIURI
» » Mettre une image au qeel
Mer 31 Jan 2024 - 11:37 par NIK SIURI
» » Rendre l'image du header cliquable
Mer 31 Jan 2024 - 11:34 par NIK SIURI
» » Elargir le cadre de la boite de smileys
Mer 31 Jan 2024 - 11:33 par NIK SIURI
» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Mer 31 Jan 2024 - 10:29 par NIK SIURI
» » Catégories rétractables sur l'index
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Catégories de différentes couleurs
Mer 31 Jan 2024 - 10:17 par NIK SIURI
» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Mer 31 Jan 2024 - 10:07 par NIK SIURI
» » Centrer l'avatar, le pseudo & le rang dans les messages
Mer 31 Jan 2024 - 10:06 par NIK SIURI
» » Modifier l'icône "On-line"
Mar 23 Mai 2023 - 19:15 par Kionk
» » Insérer des boutons "Haut" & "Bas" de forum
Mar 23 Mai 2023 - 11:40 par Kionk