Remplacer Servimg par Imgur
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 = $('.sceditor-button-servimg').off().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'
Hi,
Voici une astuce toute simple qui vous permettra de remplacer l'hébergeur d'images Servimg par imgur
Premièrement il faut vous inscrire, inscription gratuite, ici si vous n'avez pas encore de compte sur imgur :
https://imgur.com/register?redirect=https%3A%2F%2Fimgur.com%2F
Par la suite il faudra créer votre API imgur ici :
https://api.imgur.com/oauth2/addclient
À la fin de cette procédure vous arrivez sur cette page
Le numéro Client ID sera à copier dans le script qui suit
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script Sur toutes les pages :
Votre Client ID sera en inscrire ici dans le script :
Remplacez client ID par le numéro client récupéré à la création de l'API
Pensez à
À l'éditeur rein ne change au niveau de l'agencement, le bouton pour uploader une image sur le forum reste le même (mais l'hébergeur à changé quant à lui)
Au chargement de l'image une nouvelle visualisation apparaît
L'URL de l'image sera directement postée dans le corps du message entre les balises img
À bientôt
Voici une astuce toute simple qui vous permettra de remplacer l'hébergeur d'images Servimg par imgur
Premièrement il faut vous inscrire, inscription gratuite, ici si vous n'avez pas encore de compte sur imgur :
https://imgur.com/register?redirect=https%3A%2F%2Fimgur.com%2F
Par la suite il faudra créer votre API imgur ici :
https://api.imgur.com/oauth2/addclient
À la fin de cette procédure vous arrivez sur cette page
Le numéro Client ID sera à copier dans le script qui suit
Direction le javascript
Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript
Mettre ce script Sur toutes les pages :
Votre Client ID sera en inscrire ici dans le script :
Remplacez client ID par le numéro client récupéré à la création de l'API
Pensez à
À l'éditeur rein ne change au niveau de l'agencement, le bouton pour uploader une image sur le forum reste le même (mais l'hébergeur à changé quant à lui)
Au chargement de l'image une nouvelle visualisation apparaît
L'URL de l'image sera directement postée dans le corps du message entre les balises img
:u1: |
- David1195
StaffModo
Sujets les plus actifs
Sujets les plus vus
Meilleurs posteurs
Lun 28 Oct 2024 - 8:48 par Kionk
» » Centrer l'avatar, le pseudo & le rang dans les messages
Dim 27 Oct 2024 - 14:19 par Kionk
» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Jeu 24 Oct 2024 - 1:23 par Kionk
» » Ajouter son copyright
Ven 19 Juil 2024 - 23:11 par Noxys
» » Bouton MP "Répondre" adapté à la version ModernBB
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