ranui

Protótipo do editor HTML à prova

A grande idéia é construir um editor nativo de HTML (para que não seja um editor de texto geral personalizado para HTML, mas o objetivo criado apenas para HTML) que pode lidar com qualquer HTML, mesmo com código de modelo aleatório no meio. Espero expandir o modelo de edição para apoiar o CSS, depois JSON e outros.

Eu escrevi um pequeno artigo sobre a lógica aqui https://pumpula.net/foolproof-html

Há também isso, mais uma nota para o explicador de auto -tipo sobre como as linhas são tratadas. https://pumpula.net/foolpérico-html/how-the-data

Contribuindo

Meu código de protótipo é uma bagunça, por isso estamos tentando fazer uma arcitatura de aplicativos adequada. Eu configurei um bate -papo de gitter para planejar e compartilhar coisas. O bate -papo é a melhor maneira de contribuir agora. https://gitter.im/flprf/lobby

O protótipo é bom o suficiente para demos, mas ainda não é realmente utilizável. É o Mac apenas por enquanto, principalmente porque fazer um bom suporte para teclado de várias plataformas tiraria uma folga de fazê -lo realmente funcionar. Contribuições Bem -vindo!

Correndo

1. Clone o repo
2. Execute npm install
3. Execute npm start

• Digite minúsculas para criar elementos
• Digite maiúsculas para criar texto
• Pressione espaço para adicionar atributos
• Pressione Enter para editar o que você selecionou.

Você pode encontrar a maioria das ações em js/keydown.js. Algumas ações vêm através do shell do aplicativo dos itens de menu, aqueles que você esperaria como desfazer/refazer, salvar (fazer), copiar e colar etc. As interações são modeladas de perto após o texto sublime. Espero fazer com que a interface do usuário se sinta instantaneamente familiarizada e produtiva para quem já escreveu HTML em um editor de texto.

Provavelmente escusado será dizer, mas espere comportamento de buggy. A maioria das coisas parece estar funcionando bem, mas sou apenas eu usando.

Construído com elétron.