🔥Générateur Facebook multiple post

Générateur de Posts Facebook - Images Multiples

Logo Transparent & Flèche

Afficher le logo en bas à droite du texte :

Afficher la flèche en bas :

Texte au-dessus du logo (ex: "Suivez-moi") :

Icône de flèche : ⬇️ Flèche bas ➡️ Flèche droite ⬅️ Flèche gauche ⤵️ Flèche courbe ↘️ Flèche diagonale ⇩ Double flèche ▼ Triangle 👇 Doigt pointant 👉 Main pointant ✊ Poing 👍 Pouce levé

🎨 Couleur de Bordure du Logo

Sélectionnez la couleur de bordure pour votre logo :

Orange Vif

Turquoise

Violet

Vert

Bleu

Or

Rose

Rouge Orange

Violet Profond

Cyan

📁 Importation d'Images en Masse (jusqu'à 100 posts)

Sélectionnez jusqu'à 100 images - chaque image sera attribuée à un post dans l'ordre.
Formats acceptés : JPG, PNG, GIF, WebP. Taille max recommandée : 5MB par image.

Sélectionnez plusieurs images :

Mode d'attribution des images : Séquentiel (image 1 → post 1, etc.) Aléatoire Cyclique (répéter si plus de posts que d'images)

Aucune image sélectionnée

Réglages de l'image avec aperçu en direct

Aperçu de référence pour le réglage

Ma Marque

@utilisateur Description

Votre citation apparaîtra ici

⬇️

Suivez-moi

Les réglages appliqués ici seront automatiquement reportés sur tous les posts

Image de référence (sera appliquée à tous les posts) :

Cette image servira de modèle pour tous les posts. Les réglages (position, zoom, rotation) appliqués ici seront automatiquement répliqués.

Position horizontale de l'image :

50%

Position verticale de l'image :

30%

Zoom de l'image :

100%

Rotation de l'image :

0°

Informations de profil

Logo de profil :

Nom d'utilisateur :

Nom de marque :

Description (facultatif) :

Afficher le badge de vérification :

Génération des citations

Nombre de posts à générer (max 100) :

Taille citation :

15px

Liste des citations (une par ligne) :

Aperçu des citations chargées...

Liste des mots-clés (séparés par des virgules) :

Gestion des Posts

Sélectionner tous les posts

Aucun post généré

}); saveData(); } function updateAllPostsArrow() { generatedPosts.forEach(post => { const arrowElement = document.getElementById(`arrowIcon${post.id}`); if (arrowElement) { arrowElement.textContent = arrowEmoji; arrowElement.style.display = showArrow ? 'block' : 'none'; } }); } function toggleSettingsLock() { const lockButton = document.getElementById('lockSettingsBtn'); settingsLocked = !settingsLocked; if (settingsLocked) { lockButton.textContent = '🔐 Réglages verrouillés'; lockButton.classList.add('locked'); } else { lockButton.textContent = '🔓 Verrouiller tous les réglages'; lockButton.classList.remove('locked'); } lockableControlIds.forEach(controlId => { const control = document.getElementById(controlId); const parentControlGroup = control.closest('.control-group'); if (parentControlGroup) { if (settingsLocked) { control.disabled = true; parentControlGroup.classList.add('control-locked'); parentControlGroup.setAttribute('data-html2canvas-ignore', 'true'); const resetBtn = parentControlGroup.querySelector('.reset-btn'); if (resetBtn) { resetBtn.style.display = 'none'; resetBtn.setAttribute('data-html2canvas-ignore', 'true'); } } else { control.disabled = false; parentControlGroup.classList.remove('control-locked'); parentControlGroup.removeAttribute('data-html2canvas-ignore'); const resetBtn = parentControlGroup.querySelector('.reset-btn'); if (resetBtn) { resetBtn.style.display = 'block'; resetBtn.removeAttribute('data-html2canvas-ignore'); } } } }); const mainResetBtn = document.querySelector('button[onclick="resetImageSettings()"]'); if (mainResetBtn) { mainResetBtn.disabled = settingsLocked; mainResetBtn.style.opacity = settingsLocked ? '0.5' : '1'; if (settingsLocked) { mainResetBtn.setAttribute('data-html2canvas-ignore', 'true'); } else { mainResetBtn.removeAttribute('data-html2canvas-ignore'); } } saveData(); } function handleReferenceImageUpload(event) { const file = event.target.files[0]; if (!file) return; const reader = new FileReader(); reader.onload = function(e) { referenceImage = e.target.result; updateReferencePost(); saveData(); applyReferenceImageToAllPosts(); alert('✅ Image de référence chargée et appliquée à tous les posts !'); }; reader.readAsDataURL(file); } function applyReferenceImageToAllPosts() { if (!referenceImage) return; const referenceImg = document.getElementById('referenceUploadedImg'); if (referenceImg) { referenceImg.src = referenceImage; referenceImg.style.display = 'block'; } generatedPosts.forEach(post => { const postImg = document.getElementById(`uploadedImg${post.id}`); if (postImg) { postImg.src = referenceImage; postImg.style.display = 'block'; const x = document.getElementById('imageX').value; const y = document.getElementById('imageY').value; const zoom = document.getElementById('imageZoom').value; const rotation = document.getElementById('imageRotation').value; updateImagePositionForPost(post.id, x, y, zoom, rotation); } }); updatePostImagePreviews(); } function updatePostImagePreviews() { generatedPosts.forEach(post => { const postItem = document.querySelector(`.post-item[data-id="${post.id}"]`); if (postItem) { const postImagePreview = postItem.querySelector('.post-image-preview'); const postImageInfo = postItem.querySelector('.post-image-info'); const viewBtn = postItem.querySelector('.post-image-view'); const removeBtn = postItem.querySelector('.post-image-remove'); if (referenceImage && !postImages[post.id]) { if (postImagePreview) { postImagePreview.src = referenceImage; postImagePreview.classList.add('show'); } if (postImageInfo) { postImageInfo.textContent = 'Image de référence ✓'; postImageInfo.classList.add('show'); } if (viewBtn) viewBtn.style.display = 'block'; if (removeBtn) removeBtn.style.display = 'block'; } else if (postImages[post.id]) { if (postImagePreview) { postImagePreview.src = postImages[post.id]; postImagePreview.classList.add('show'); } if (postImageInfo) { postImageInfo.textContent = 'Image spécifique ✓'; postImageInfo.classList.add('show'); } if (viewBtn) viewBtn.style.display = 'block'; if (removeBtn) removeBtn.style.display = 'block'; } }