填写标题、地点、日期和时间、时区、重复、受邀人、提醒和备注，然后下载 .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)。