填寫標題、地點、日期和時間、時區、重複、受邀人、提醒和備註,然後下載 .ics 檔案或直接在行事曆中開啟。您也可以貼上日程,或附加文件或相片,一次建立多個活動。
我要如何在自己的網站上放置「加入行事曆」按鈕或活動建立工具?
ICS Maker 的建立工具以獨立腳本的形式發佈:一個空元素、一個指向 event-creator.js 的 script 標籤、一次 EventCreator.mount() 呼叫——不需建置流程、不需框架、不需帳號、不需金鑰,也沒有單次瀏覽次數上限。此套件是一個壓縮後小於 85 kB 的單一自足 IIFE,已內含其渲染函式庫,且完全不會發出任何網路請求:沒有分析工具、沒有字型、沒有 CDN,因此不會為你的內容安全政策(Content-Security-Policy)新增任何來源,也不需在隱私政策中新增任何段落。每個顏色、圓角與字型都是 .ec-root 下的 CSS 自訂屬性,深色模式會依訪客自己的偏好設定自動切換,而 React 網站則可以直接渲染此元件,而不需載入整個套件。
只需一個 script 標籤
<div id="event-creator"></div>
<script src="https://icsmaker.com/event-creator.js"></script>
<script>
EventCreator.mount('#event-creator', { showPreview: false });
</script>此套件內含自身的渲染邏輯與樣式,不需要你安裝任何相依套件。它不會與任何東西通訊——沒有分析工具、沒有字型、沒有 CDN——因此你網站的隱私政策不需新增任何段落,嚴格的內容安全政策也不需新增任何來源。
讓它融入你網站的風格
每個顏色、圓角與字型都是 .ec-root 下的 CSS 自訂屬性,因此覆寫 --ec-accent 通常就是全部的主題設定工作。它會自動跟隨訪客的深色模式偏好,而在空間有限時,也可以用 showPreview: false 關閉預覽面板。
已經在使用 React 了嗎?
可以略過整個套件,直接渲染該元件——表單邏輯相同,頁面上也少一份渲染函式庫的副本。
常見問題
- 這個嵌入元件會傳送任何資料到你們的伺服器嗎?
- 不會。它是一個完全在訪客瀏覽器中執行的靜態檔案:沒有分析工具、沒有遙測、不會回傳任何資料。如果你不希望從本網域載入此套件,也可以自行架設主機來提供。
- 它的檔案大小有多大?
- 壓縮後小於 85 kB,已包含渲染函式庫,且會在你的頁面載入完成後才載入,不會阻擋頁面顯示。若套件大小超過此限制,建置流程就會失敗,因此本頁所列的數字不會在你不知情的情況下失真。
- 我可以限制訪客可下載的格式嗎?
- mount 呼叫可接受多個選項——預設格式、預設日期、預先填好的草稿,以及是否顯示預覽——而 React 元件也接受相同的選項作為 props。