Natan Felles


Creative Webmaster


Online Editor

Blog · desenvolvimento · projetos

Online Editor

Poderoso Editor Online

Online Editor foi desenvolvido com o auxílio de 4 projetos de código aberto: jQuery, Bootstrap, Font Awesome e Ace.

O intuito do Online Editor é possibilitar a edição de documentos nas mais variadas linguagens de programação, possibilitando o envio de arquivos locais para serem editados no navegador ou criar algum desde seu primeiro caractere e por fim poder salvá-lo localmente.

Desenvolvi este projeto em 7 horas de inspiração. Embora as modificações finais não sejam muitas, tive que dedicar a maior parte deste tempo para entender como o Ace funciona e também como utilizar o DOM para simular o download de arquivos pegando o conteúdo de uma caixa de texto.

O resultado final ficou exatamente como o esperado e qualquer pessoa pode baixá-lo no GitHub em: github.com/oeditor/oeditor.github.io ou utilizá-lo em oeditor.github.io.

O Ace possibilita a edição de arquivos em mais de 110 linguagens e possui 34 esquemas de cores. Possui auto-completar de código e utiliza emmets para agilizar a edição. Lembra muito o popular Sublime Text.

Então, está aí. Se você quiser testar, usar em seu projetos ou precisar de um editor online de qualidade, sem precisar instalar nada, o Online Editor é uma ótima solução.