Pular para o conteúdo

Editor de HTML5 em tempo real

Dica publicada em Javascript / Avançado
Perfil removido removido
Hits: 12.796 Categoria: Javascript Subcategoria: Avançado
  • Indicar
  • Impressora
  • Denunciar
O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

Editor de HTML5 em tempo real

Estou aprendendo a criar algumas animações com HTML5 e me surgiu a necessidade de um programa onde pudesse visualizar aquilo que estou desenhando (seja em objetos 2D, onde está minha fase atual de estudos, ou objetos 3D).

Então pensei: Isto é perfeitamente possível de se fazer utilizando apenas o próprio HTML5. Então botei a mão na massa!
Linux: Editor de HTML5 em tempo real
O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

O editor está atualmente neste link:
Basta digitar o código na caixa de cima e todo o conteúdo do seu código será representado graficamente na caixa de baixo, em tempo real. Creio que não seja necessário nenhum 'manual' para usá-lo, certo? hehe.

O editor é compatível com todos os elementos do HTML5, Canvas e WebGL.

Há um código de exemplo no site para que possam ver o editor em funcionamento.

Bons estudos.

O Viva o Linux depende da receita de anúncios para se manter. Ative os cookies aqui para nos patrocinar.
Não conseguimos carregar os anúncios. Se usa bloqueador, considere liberar o Viva o Linux para nos patrocinar.

Faça foto descrição e compartilhe com o mundo

Instalando Code::Blocks no Ubuntu 12.04

Ignorar determinado pacote na listagem de pacotes órfãos do deborphan

Vídeo aula: utilizando o bugmenot

Flash player em plataforma 64 bits (instalando com .deb)

Instalando Flash Player no Arch Linux

Netflix no Firefox (Debian) - Error: Request mediaKeySystem access rejected: EME has been preffed off [Resolvido]

Copiando imagens bloqueadas

Criando variáveis dinamicamente com Javascript

Resolvendo erro de atualização do firmware do modem DSL2640t

#1 Comentário enviado por gugahb em 15/12/2011 - 10:55h
Muito boa a dica ... compartilhado !!!
#2 Comentário enviado por akirabra em 15/12/2011 - 11:04h
Bom trabalho parabéns. Fiz alguns testes meu pareceu uma ideia muito promissora.
Também gostei da sua mensagem de página não encontrada (rsrsrsrs).
#3 Comentário enviado por albfneto em 15/12/2011 - 11:25h
Muito boa dica, eu uso editor HTML. Favoritado.
#4 Comentário enviado por vicente386 em 15/12/2011 - 12:29h
não funciona no Google Chrome.
#5 Comentário enviado por removido em 15/12/2011 - 13:02h
Agradeço os comentários pessoal. Sobre o Google Chrome, vou verificar.
#6 Comentário enviado por maxwellz em 15/12/2011 - 13:33h
Compatibilidade com Chrome
Linha 189 na Função atualiza()
var d = frameDinamica.document;
Troca por:
var d = window.frames['frameDinamica'].document;
#7 Comentário enviado por removido em 15/12/2011 - 15:47h
@maxwellz Obrigado! Mas infelizmente não funcionou =/

Estou fazendo alguns testes aqui, mas sinceramente não sei o que pode ser.
#8 Comentário enviado por maxwellz em 15/12/2011 - 17:09h
var d = window.frames['frameDinamica'];

Contribuir com comentário

Entre na sua conta para comentar.