Convertisseur de Design Avancé

Transformez votre code en un design inspiré de "01.html".

1. Code Source

2. Aperçu en direct

3. Code Généré

`; outputHtmlEl.value = finalHtml; previewFrame.srcdoc = finalHtml; } catch (error) { console.error('Erreur lors de la transformation:', error); showError('Une erreur est survenue. Vérifiez votre code HTML et la console.'); } }); copyBtn.addEventListener('click', () => { if (!outputHtmlEl.value) { showError('Rien à copier !'); return; } navigator.clipboard.writeText(outputHtmlEl.value).then(() => { copyBtn.innerHTML = ' Copié !'; setTimeout(() => { copyBtn.innerHTML = ' Copier'; }, 2000); }); }); clearBtn.addEventListener('click', () => { if (inputHtmlEl.value.trim() === '') { showError('La zone est déjà vide !'); return; } if (confirm('Êtes-vous sûr de vouloir effacer le code source ?')) { inputHtmlEl.value = ''; outputHtmlEl.value = ''; previewFrame.srcdoc = ''; } });