Adicionar seus próprios recursos
Dentro dos painéis HTML, JavaScript e CSS
Quando você clicar em Editar no plug-in de amostra Plugin Playground, verá os painéis HTML, JavaScript (JS) e CSS. O painel HTML (à esquerda) permite modificar a interface do usuário do plug-in. O painel JS (meio) permite gravar funções que podem se comunicar com o FormIt usando a API do plug-in JS do FormIt. Finalmente, o painel CSS (direita) determinará o estilo do HTML.

Adicionar uma função para criar um cilindro
Vamos adicionar uma figura a esse plug-in para criar um cilindro.
Primeiro, vamos configurar o campo de entrada e o botão da interface do usuário no painel HTML. Copie o seguinte código e cole-o após a linha 23 e antes de <!— Não remova os scripts abaixo, a menos que você saiba o que está fazendo — >
Isso adicionará alguns elementos básicos da interface do usuário ao nosso plug-in.

Em seguida, vamos adicionar duas funções ao painel JS. Copie o seguinte código e cole-o no final do arquivo (após a linha 16).
Isso criará um cilindro em nosso espaço de trabalho do FormIt.

Execução e visualização
Quando estiver pronto para ver os resultados, clique no botão Reproduzir novamente e você verá no mesmo painel as atualizações que fez no plug-in.

API de plug-ins do FormIt
Para obter a documentação completa sobre a API de plug-ins do FormIt, consulte a seção links úteis.
Last updated