dillinger

Dillinger

O último editor de marcação, sempre

Dillinger é um editor de marcação compatível com armazenamento offline, pronto para celular, com armazenamento offline, com o AngularJS.

• Digite alguma remarca à esquerda
• Veja HTML na direita
• Magia

Características

• Importe um arquivo HTML e assista -o magicamente para o Markdown
• Arraste e soltar imagens (exige que sua conta Dropbox esteja vinculada)
• Importar e salvar arquivos do Github, Dropbox, Google Drive e uma unidade
• Arraste e solte os arquivos Markdown e HTML para Dillinger
• Documentos de exportação como Markdown, HTML e PDF

O Markdown é uma linguagem de marcação leve, com base nas convenções de formatação que as pessoas usam naturalmente no email. Como John Gruber escreve no site de remarcação

A meta de design primordial da sintaxe de formatação de Markdown é torná -la o mais legível possível. A idéia é que um documento formatado em marcação seja publicável como está, como texto simples, sem parecer marcado com tags ou instruções de formatação.

Este texto que você vê aqui está realmente escrito em Markdown! Para ter uma ideia da sintaxe do Markdown, digite algum texto na janela esquerda e observe os resultados à direita.

Tecnologia

Dillinger usa vários projetos de código aberto para funcionar corretamente:

• AngularJS - HTML aprimorado para aplicativos da web!
• Editor de ás - editor de texto incrível baseado na Web
• Markdown -It - Analisador de Markdown feito certo. Rápido e fácil de estender.
• Twitter Bootstrap - Great UI Boilerplate para aplicativos da web modernos
• Node.js - E/S Encontrado para o back -end
• Express - Fast Node.js Network App Framework @tjholowaychuk
• Gulp - o sistema de construção de streaming
• BreakDance - HTML para Converter de Marydown
• jQuery - duh

E, é claro, o próprio Dillinger é de código aberto com um repositório público no Github.

Instalação

Dillinger requer Node.js v10+ para ser executado.

Instale as dependências e dependências e inicie o servidor.

 cd dillinger
npm i
node app

Para ambientes de produção ...

npm install --production
NODE_ENV=production node app

Plugins

Atualmente, o Dillinger é estendido com os seguintes plugins. As instruções sobre como usá -las em seu próprio aplicativo estão vinculadas abaixo.

Plugin	Readme
Dropbox	Plugins/Dropbox/readme.md
Github	plugins/github/readme.md
Google Drive	plugins/googledrive/readme.md
OneDrive	plugins/onedrive/readme.md
Médio	plugins/médio/readme.md
Google Analytics	plugins/googleanytics/readme.md

Desenvolvimento

Quer contribuir? Ótimo!

Dillinger usa Gulp + Webpack para desenvolvimento rápido. Faça uma alteração no seu arquivo e veja instantaneamente suas atualizações!

Abra seu terminal favorito e execute esses comandos.

Primeira guia:

node app

Segunda guia:

gulp watch

(Opcional) Terceiro:

karma test 

Construção para a fonte

Para liberação de produção:

gulp build --prod

Gerando arquivos de zip pré-construído para distribuição:

gulp build dist --prod

Docker

O Dillinger é muito fácil de instalar e implantar em um contêiner do Docker.

Por padrão, o Docker exporá a porta 8080, então altere isso dentro do Dockerfile, se necessário. Quando estiver pronto, basta usar o Dockerfile para construir a imagem.

 cd dillinger
docker build -t < youruser > /dillinger: ${package.json.version} .

Isso criará a imagem de Dillinger e atrairá as dependências necessárias. Certifique -se de trocar ${package.json.version} com a versão real do Dillinger.

Uma vez feito, execute a imagem do Docker e mapeie a porta para o que você deseja em seu host. Neste exemplo, simplesmente mapeamos a porta 8000 do host para a porta 8080 do docker (ou qualquer porta foi exposta no Dockerfile):

docker run -d -p 8000:8080 --restart=always --cap-add=SYS_ADMIN --name=dillinger < youruser > /dillinger: ${package.json.version}

NOTA: --cap-add=SYS_ADMIN é necessário para a renderização em PDF.

Verifique a implantação navegando para o endereço do seu servidor no seu navegador preferido.

127.0.0.1:8000

Licença

Mit

Software livre, inferno, sim!