Skip to end of metadata
Go to start of metadata

Usando o Editor Front-End

Um dos meios de criação de página no CronApp é através do editor de Front-end, um meio de criação visual presente apenas no CronApp, em que você poderá desenvolver uma página de uma forma muito mais intuitiva. Note que as páginas editáveis têm a extensão “.view.html”

 

Figura 1 - Criando um novo arquivo HTML preparado para utilizado o editor de Front-End do CronApp Ide


Indo na aba de componentes você pode, facilmente, adicionar os elementos que quiser, clicando neles e arrastando ao editor

 

Figura 2 - Inserindo dois elementos no editor de Front-End: Título e Texto

 Obs. Os atalhos do Windows como: “Control + Z” (voltar) e “Control + Y” (retroceder ação) funcionam no editor, assim como o botão "Delete", do teclado, serve para apagar elementos inseridos. 

 

Ao editar sua página no editor, o CronApp automaticamente gera seu código, basta ir na aba código para visualizá-lo. Para organizá-lo melhor basta usar o atalho CTRL+SHIFT+F. Você também pode editar através do código, se desejar, e as alterações serão automaticamente feitas na aba visualização. 
 

Figura 3 - Acessando a aba de exibição do código HTML gerado através do editor de Front-End

 

Ou você pode trabalhar das duas maneiras simultaneamente, pois ao clicar duas vezes no elemento, na aba visualização, você poderá acessar e alterar seu código. Clicando duas vezes em qualquer elemento no caminho hierárquico será aberta uma janela com o trecho do código do elemento selecionado. Todos os elementos que compõem ele, serão apresentados. Para as edições fazerem efeito, basta clicar em “Change”
 

Figura 4 - Alterando o código do elemento selecionado através do painel de edição do editor de Front-End


Assista ao vídeo (pule os 3 primeiros minutos caso queira conhecer somente o Editor):

 

 

Nesta página

 

  • No labels