Utiliser imgur comme hébergeur d'image + incrémenter un </br>

[stefou]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous,
J'ai placé l'astuce Utiliser imgur comme hébergeur d'image
Mais je constate dans le cas ou on poste plusieurs images qu'il les colle l'une contre l'autre...
Je souhaite trouver une solution pour incrémenter un retour à la ligne entre chaque images
Merci.

[FANCH 56]

Bonjour

Je suis intéressé...................

[stefou]

J'en ai rêvé cette nuit, du coup ce matin j'ai solutionné le problème en quelques minutes
Solution provisoire car elle comporte quelques défauts.
Je poste quand même la ligne que j'ai ajouté dans le JS de Ea afin d'inspiré un membre à trouver une solution pour les défauts.

Les défauts:
-ne fonctionne que en mode wysiwyg
-agit aussi sur toute les images présente (smileys) avant le upload des images.
Ps. je n'ai pas tester sur une autre version que phpBB3

Code:

$("div.sceditor-toolbar + iframe ").contents().find("img").before("<br />");

Je l'ai placé dans le bas du js

Code:

    button.removeAttr('style');
    $("div.sceditor-toolbar + iframe ").contents().find("img").before("<br /><br />");
    current = 0;
    file_selector.wrap('<form>').closest('form').get(0).reset();
    file_selector.unwrap();
    return false;

[FANCH 56]

Merci mis sous le coude en attendant d'autres avis.

[Ea]

Bonjour,


Issue du sujet suivant:
https://forum.forumactif.com/t381083-utiliser-imgur-comme-hebergeur-d-image-question-n1#3210958

Je donne une méthode de faire, pour ajouter un retour à la ligne après chaque image, on peut ajouter en dessous de:

Code:

$('body').find('.sceditor-button-image').click().end().find('.sceditor-insertimage').find('#image').val(uploaded[i]).end().find('input.button').click();

ceci :

Code:

$('#text_editor_textarea').sceditor('instance').insertText('\n');

Si on le veux avant, il faut le placer avant, et si on veut un espace on peut mettre :

Code:

$('#text_editor_textarea').sceditor('instance').insertText(' ');

Si on veut un retour à la ligne avant et après, on peut le mettre avant et après, et ainsi de suite.

Vu qu'effectivement ça me semble peut-être mieux d'en avoir par défaut, je vais ajouter au tutoriel avant et après un retour à la ligne.

Cordialement.

[stefou]

Merci Ea c'est parfait.