Título, local, data e hora, fuso horário, repetição, convidados, alertas e notas — depois descarregue o ficheiro .ics ou abra-o diretamente no calendário. Também pode colar uma agenda ou anexar um documento ou uma fotografia para criar vários eventos de uma vez.
Como coloco um botão de adicionar ao calendário ou um criador de eventos no meu próprio site?
O criador do ICS Maker é distribuído como um script independente: um elemento vazio, uma tag de script apontando para event-creator.js e uma chamada EventCreator.mount() — sem etapa de build, sem framework, sem conta, sem chave e sem limite por visualização. O pacote é uma única IIFE autocontida com menos de 85 kB comprimidos (gzip), incluindo sua biblioteca de renderização, e não faz nenhuma requisição de rede: sem analytics, sem fontes, sem CDN, portanto não adiciona nenhuma origem a uma Content-Security-Policy nem nenhum parágrafo a uma política de privacidade. Toda cor, raio e fonte é uma propriedade personalizada de CSS sob .ec-root, o modo escuro segue a preferência do próprio visitante, e um site em React pode renderizar o componente diretamente em vez de carregar o pacote.
Uma única tag de script
<div id="event-creator"></div>
<script src="https://icsmaker.com/event-creator.js"></script>
<script>
EventCreator.mount('#event-creator', { showPreview: false });
</script>O pacote carrega sua própria renderização, seus próprios estilos e nenhuma dependência para você instalar. Ele não se comunica com nada — sem analytics, sem fontes, sem CDN — portanto a política de privacidade do seu site não precisa de nenhum parágrafo novo, e uma Content-Security-Policy rigorosa não precisa de nenhuma origem nova.
Fazendo com que se pareça com o seu site
Toda cor, raio e fonte é uma propriedade personalizada de CSS sob .ec-root, então substituir --ec-accent costuma ser todo o trabalho de personalização visual. Ele segue automaticamente a preferência de modo escuro do visitante, e o painel de pré-visualização pode ser desativado com showPreview: false quando o espaço é limitado.
Já usa React?
Pule o pacote e renderize o componente diretamente — mesma lógica de formulário, uma cópia a menos da biblioteca de renderização na página.
Perguntas
- O embed envia algo para os seus servidores?
- Não. É um arquivo estático que roda inteiramente no navegador do visitante: sem analytics, sem telemetria, sem chamadas para casa. Você pode hospedar o pacote você mesmo, caso prefira não carregá-lo a partir deste domínio.
- Qual é o tamanho dele?
- Menos de 85 kB comprimidos (gzip), incluindo a biblioteca de renderização, e ele carrega depois da sua página em vez de bloqueá-la. O build falha se o pacote algum dia ultrapassar esse limite, então o número nesta página não pode deixar de ser verdadeiro silenciosamente.
- Posso restringir quais formatos os visitantes podem baixar?
- A chamada de montagem aceita opções — um formato padrão, uma data padrão, um rascunho pré-preenchido e se deve exibir a pré-visualização — e o componente React aceita as mesmas opções como props.