Insérer plusieurs images avec SummerNote

Mikaelhdx
PHP

Bonjour,

Merci d'avance pour votre aide ! Je rencontre un problème avec l'intégration de SUMMERNOTE dans mon back-office. Dans l'idée tout fonctionne parfaitement et c'est pour cela que j'ai mis du temps à m'appercevoir de l'erreur que je n'arrive pas à résoudre. Lorsque j'ajoute une image depuis mon PC tout se passe bien. C'est lorsque j'ajoute plus d'une image que ça coince. Le deuxième upload ne fonctionne pas et pire encore lorsque je fais ceci dans summer note :

JE TAPE DU TEXTE
J'AJOUTE UNE IMAGE (celle-ci fonctionne bien)
DU TEXTE
UNE AUTRE IMAGE (Celle-ci ne fonctionne pas et lorsque je valide le formulaire, tout ce qu'il y a en dessous disparaît).
DU TEXTE (Disparaît).

Ce que je fais

J'ai donc intégré SummerNote de la manière suivante :

  • Une page : ajouter-actualites.php qui contient le formulaire pour ajouter une news avec le textarea et le script en bas de page. 
    
<textarea id="summernote" name="contenu"></textarea>

<script>
$('.demo1').colorpicker();

$(document).ready(function() {
$('#summernote').summernote({
height: 300,
onImageUpload: function(files, editor, welEditable) {
sendFile(files[0], editor, welEditable);
}
});
function sendFile(file, editor, welEditable) {
data = new FormData();
data.append("file", file);
$.ajax({
data: data,
type: "POST",
url: "add_article_post.php",
cache: false,
contentType: false,
processData: false,
success: function(url) {
editor.insertImage(welEditable, url);
}
});
}
});
</script>


Dans add_article_post.php, j'ai :

<?php
if ($_FILES['file']['name']) {
if (!$_FILES['file']['error']) {
$name = md5(rand(100, 200));
$ext = explode('.', $_FILES['file']['name']);
$filename = $name . '.' . $ext[1];
$destination = '../gallery/articles/' . $filename; //change this directory
$location = $_FILES["file"]["tmp_name"];
move_uploaded_file($location, $destination);
echo 'http://www.monsite.com/gallery/articles/' . $filename;//change this URL
}
else
{
echo $message = 'Erreur d'upload d'image : '.$_FILES['file']['error'];
}
}
?>


Avez-vous une idée ou une piste ? Merci beaucoup !

### Ce que j'obtiens

Je n'obtiens bizarrement aucune erreur particulière si ce n'est que lorsque j'ajoute deux images, la seconde ne fonctionne pas et vient couper tout le contenu en dessous.

Merci !

Aucune réponse