Tytuł, miejsce, data i godzina, strefa czasowa, powtarzanie, zaproszeni, przypomnienia i notatki — następnie pobierz plik .ics lub otwórz go bezpośrednio w kalendarzu. Możesz też wkleić harmonogram albo dołączyć dokument lub zdjęcie, aby utworzyć wiele wydarzeń naraz.
Jak umieścić przycisk „Dodaj do kalendarza” lub kreator wydarzeń na własnej stronie?
Kreator ICS Maker jest dostarczany jako samodzielny skrypt: jeden pusty element, jeden tag script wskazujący na event-creator.js oraz jedno wywołanie EventCreator.mount() — bez etapu budowania, bez frameworka, bez konta, bez klucza i bez limitu wyświetleń. Pakiet to pojedynczy, samodzielny plik IIFE poniżej 85 kB po kompresji gzip, z dołączoną biblioteką renderującą, i nie wykonuje żadnych żądań sieciowych: żadnej analityki, żadnych czcionek, żadnego CDN, dzięki czemu nie dodaje żadnego źródła do polityki bezpieczeństwa treści (Content-Security-Policy) ani żadnego akapitu do polityki prywatności. Każdy kolor, promień zaokrąglenia i czcionka to niestandardowa właściwość CSS w obrębie .ec-root, tryb ciemny podąża za preferencjami samego odwiedzającego, a strona oparta na React może renderować komponent bezpośrednio zamiast wczytywać pakiet.
Jeden tag script
<div id="event-creator"></div>
<script src="https://icsmaker.com/event-creator.js"></script>
<script>
EventCreator.mount('#event-creator', { showPreview: false });
</script>Pakiet zawiera własne renderowanie, własne style i żadnych zależności do zainstalowania. Nie komunikuje się z niczym — żadnej analityki, żadnych czcionek, żadnego CDN — dzięki czemu polityka prywatności Twojej strony nie wymaga nowego akapitu, a restrykcyjna polityka bezpieczeństwa treści (Content-Security-Policy) nie wymaga nowego źródła.
Dopasowanie wyglądu do Twojej strony
Każdy kolor, promień zaokrąglenia i czcionka to niestandardowa właściwość CSS w obrębie .ec-root, więc nadpisanie --ec-accent zwykle wystarcza do całego stylowania. Kreator sam podąża za preferencją trybu ciemnego odwiedzającego, a panel podglądu można wyłączyć za pomocą showPreview: false, gdy brakuje miejsca.
Korzystasz już z Reacta?
Pomiń pakiet i renderuj komponent bezpośrednio — ta sama logika formularza, o jedną kopię biblioteki renderującej mniej na stronie.
Pytania
- Czy osadzony element wysyła cokolwiek na Wasze serwery?
- Nie. To statyczny plik, który działa w całości w przeglądarce odwiedzającego: żadnej analityki, żadnej telemetrii, żadnych połączeń zwrotnych. Możesz sam hostować pakiet, jeśli wolisz nie wczytywać go z tej domeny.
- Jak duży jest ten plik?
- Poniżej 85 kB po kompresji gzip, wraz z biblioteką renderującą, a wczytuje się po Twojej stronie, a nie blokując jej. Build kończy się niepowodzeniem, jeśli pakiet kiedykolwiek przekroczy ten rozmiar, więc liczba podana na tej stronie nie może po cichu przestać być prawdziwa.
- Czy mogę ograniczyć formaty, które mogą pobierać odwiedzający?
- Wywołanie mount przyjmuje opcje — domyślny format, domyślną datę, wstępnie wypełniony szkic oraz to, czy pokazać podgląd — a komponent React przyjmuje te same opcje jako propsy.