Titre, lieu, date et heure, fuseau horaire, récurrence, invités, alertes et notes — téléchargez ensuite le fichier .ics ou ouvrez-le directement dans votre calendrier. Vous pouvez aussi coller un programme ou joindre un document ou une photo pour créer plusieurs événements à la fois.
Comment intégrer un bouton « Ajouter au calendrier » ou un créateur d'événements sur mon propre site ?
Le créateur d'ICS Maker est distribué sous forme de script autonome : un élément vide, une balise script pointant vers event-creator.js, et un appel EventCreator.mount() — pas d'étape de build, pas de framework, pas de compte, pas de clé, et aucune limite par affichage. Le bundle est une IIFE autonome unique de moins de 85 ko compressé, avec sa bibliothèque de rendu incluse, et il n'effectue aucune requête réseau : pas d'analytique, pas de polices, pas de CDN, si bien qu'il n'ajoute aucune origine à une Content-Security-Policy ni aucun paragraphe à une politique de confidentialité. Chaque couleur, rayon et police est une propriété CSS personnalisée sous .ec-root, le mode sombre suit la préférence du visiteur, et un site React peut afficher le composant directement plutôt que de charger le bundle.
Une seule balise script
<div id="event-creator"></div>
<script src="https://icsmaker.com/event-creator.js"></script>
<script>
EventCreator.mount('#event-creator', { showPreview: false });
</script>Le bundle embarque son propre rendu, ses propres styles, et aucune dépendance à installer. Il ne communique avec rien — pas d'analytique, pas de polices, pas de CDN — si bien que la politique de confidentialité de votre page n'a besoin d'aucun nouveau paragraphe, et une Content-Security-Policy stricte d'aucune nouvelle origine.
L'adapter au style de votre site
Chaque couleur, rayon et police est une propriété CSS personnalisée sous .ec-root, si bien que la surcharge de --ec-accent suffit généralement à tout le travail d'habillage. Il suit de lui-même la préférence de mode sombre du visiteur, et le panneau d'aperçu peut être désactivé avec showPreview: false lorsque l'espace est restreint.
Vous utilisez déjà React ?
Passez le bundle et affichez directement le composant — même logique de formulaire, une copie en moins de la bibliothèque de rendu sur la page.
Questions
- L'intégration envoie-t-elle quoi que ce soit à vos serveurs ?
- Non. Il s'agit d'un fichier statique qui s'exécute entièrement dans le navigateur du visiteur : pas d'analytique, pas de télémétrie, pas d'appel vers l'extérieur. Vous pouvez héberger le bundle vous-même si vous préférez ne pas le charger depuis ce domaine.
- Quelle est sa taille ?
- Moins de 85 ko compressé, bibliothèque de rendu incluse, et il se charge après votre page plutôt que de la bloquer. Le build échoue si le bundle venait à dépasser cette limite, si bien que le chiffre indiqué sur cette page ne peut pas discrètement cesser d'être exact.
- Puis-je restreindre les formats que les visiteurs peuvent télécharger ?
- L'appel de montage accepte des options — un format par défaut, une date par défaut, un brouillon pré-rempli, et l'affichage ou non de l'aperçu — et le composant React accepte les mêmes en tant que props.