StackEdit Um editor de markdown de código aberto online rico em recursos

9 de novembro de 2019

StackEdit é um editor de código aberto Markdown. O que é Markdown? É uma [linguagem de marcação] direta (https://en.wikipedia.org/wiki/Markup_language). O que esse tipo de linguagem permite que você crie facilmente documentos bonitos que podem ser convertidos para HTML (para colocá-los em blogs etc.), PDF ou qualquer outro formato.

StackEdit Markdown Editor

StackEdit Markdown Editor No passado, cobrimos o Editor de marcação notável. O que torna o StackEdit diferente de Remarkable e outros editores de markdown para Linux? Primeiro, é uma ferramenta online (que também funciona offline). Isso permite que ele sincronize com muitos serviços online diferentes. Outra grande vantagem do StackEdit é que ele vem com controles WYSIWYG. Isso significa que você pode usar uma barra de ferramentas para estilizar seu documento, o que é um grande alívio para pessoas como eu, que simplesmente não conseguem se lembrar da sintaxe adequada.

StackEdit tem de fato muito mais recursos do que muitos outros editores do Markdown, embora permaneça fácil de usar, mesmo para alguém que nunca escreveu o Markdown antes.

Recursos do SlackEdit Markdown Editor

Aqui está uma lista que você pode consultar para ter uma ideia do que StackEdit pode fazer:

  • Edite vários documentos Markdown online ou offline
  • Salve documentos como Markdown, HTML ou PDF
  • Documente a colaboração com outros usuários e comentários por meio de serviços em nuvem, como Dropbox e Google Drive
  • Sincronize e edite documentos Markdown existentes de serviços em nuvem, como Google Drive, Dropbox, além de seu disco rígido local
  • Publique documentos em serviços de blog, como Blogspot, WordPress, Tumblr em um toque
  • Poste documentos no GitHub, Google Drive, Dropbox ou qualquer servidor SSH
  • Converta HTML em Markdown
  • Visualização em tempo real com sincronização de rolagem opcional
  • Suporte a Markdown Extra/GitHub Flavored Markdown e destaque de sintaxe Prettify/Highlight.js
  • LaTeX (usando o plugin MathJax)
  • UML diagramas
  • Partituras musicais (usando a notação ABC)
  • Emojis
  • WYSIWYG controles
  • Verificador ortográfico integrado

Você também pode personalizá-lo com os vários temas disponíveis e várias extensões adicionais.

Usando StackEdit Markdown Editor

Para começar a usar StackEdit, simplesmente navegue até stackedit.io:

Site StackEdit Site StackEdit Site StackEdit Você encontrará aqui a página principal, com links para as páginas do Twitter e GitHub. Rolando para baixo, você verá os principais recursos deste editor.

Para começar a escrever, clique no meio da barra superior do site (START WRITING):

StackEdit Welcome StackEdit Welcome StackEdit Welcome Um pop-up deve aparecer, oferecendo algumas orientações básicas. Vou incluir algumas capturas de tela a seguir, para que você possa encontrar e usar os recursos que deseja.

Na parte esquerda da barra superior, você deve ver os controles WYSIWYG:

StackEdit WYSIWYG Controls

StackEdit WYSIWYG Controles Todos eles têm teclas de atalho úteis. Aqui eles da esquerda para a direita: Desfazer, Refazer, Negrito, Itálico, Título, Tachado, Lista não ordenada, Lista ordenada, Lista de verificação, Blockquote, Código, Tabela, Link e Imagem.

À esquerda dos controles WYSIWYG está um ícone de diretório, o ícone de alternância para o Explorer. Clicar nele abrirá o explorador do espaço de trabalho em um painel à esquerda da tela principal (você pode fechá-lo clicando no mesmo ícone novamente ou no X no lado direito do painel):

StackEdit Explorer

StackEdit Explorer No Painel do Explorer você pode criar novos arquivos e pastas, excluir ou renomear os antigos e mover arquivos para outras pastas arrastando-os. Se você excluir uma pasta, todo o conteúdo dentro dela será movido para a Lixeira.

Passando para a Tela principal, você tem dois lados: o editor e a visualização ao vivo. No meio, há dois conjuntos de três opções cada (marquei-os com duas caixas):

Tela principal StackEdit Tela principal StackEdit Tela principal StackEdit Se você editar algo no lado esquerdo da página (o editor), verá imediatamente as alterações na visualização.

Observação: A sincronização da rolagem *é ativada por padrão (toda vez que você rola o editor ou a visualização, o outro também se move).

O primeiro conjunto de ícones (caixa superior) são alternadores para a barra de navegação (controles WYSIWYG etc.), um alternador de visualização (se você desativar a visualização, os controles irão para o à direita da tela) e um botão de alternância para o modo leitor (desativa o editor). Se você desativar o editor, terá que clicar no canto superior direito (com o ícone da caneta) para ativá-lo novamente:

Modo StackEdit Reader Modo StackEdit Reader Modo StackEdit Reader O segundo conjunto de ícones (caixa inferior) alterna para modo de foco (oculta o cursor), sincronização de rolagem e barra de status** (a barra azul na parte inferior da tela).

Como mencionei a barra de status, ela contém formato de arquivo no lado esquerdo (por exemplo, Markdown), tamanho do arquivo em bytes, contagem de palavras, contagem de linhas, posição do cursor (linha, coluna) e no lado direito formato de saída (HTML), contagem de caracteres, contagem de palavras e contagem de parágrafos.

Vamos voltar à barra superior e falar sobre o lado direito:

StackEdit lado direito da barra superior

StackEdit lado direito da barra superior Em primeiro lugar, você pode ver o nome do arquivo (clicar nele permitirá que você renomear o arquivo). Ao lado dele, há um botão sincronizar (para sincronizar com a versão na nuvem), bem como um botão publicar (para enviar para um blog como WordPress ou Tumblr). Como não estou conectado a nenhum serviço de nuvem ou blog, essas duas opções estão esmaecidas para mim (e impossíveis de clicar)

No entanto, o botão à direita (logotipo StackEdit) alterna o painel lateral:

StackEdit Side Panel

StackEdit Painel lateral Este painel lateral (lado direito) contém opções relativas à área de trabalho e ao aplicativo. Eles são novamente separados em categorias por travessões.

Em primeiro lugar, você pode fazer login com o Google para sincronizar seu espaço de trabalho e desbloquear funcionalidades. Você também pode alternar para Espaços de trabalho (você pode até alternar para espaços de trabalho CouchDB, GitHub e GitLab) e gerenciá-los com muita facilidade.

Sincronizar, Publicar, Histórico são autoexplicativos, permitindo que você revisite versões anteriores. Propriedades do arquivo incluem metadados e extensões usadas.

O Índice é gerado automaticamente com base em seus títulos e a folha de dicas do Markdown é muito útil para todos os usuários.

Ao clicar em Importar/Exportar, você pode importar arquivos Markdown e HTML e exportar arquivos Markdown, HTML e PDF. Você também pode Imprimir a saída.

Mais abaixo (role no painel), você tem seus Badges (concedidos a você pelo site por usar determinados recursos). Você também pode gerenciar suas contas (Blogger, Dropbox, GitHub, GitLab, Google Drive, Google Fotos, WordPress, Zendesk) e modelos (Jekyll, HTML simples, HTML estilizado etc.). Você também pode adicionar modelos personalizados e copiar os existentes.

Clicar no ícone Configurações abrirá o seguinte menu:

Configurações do StackEdit Configurações do StackEdit Configurações do StackEdit Aqui você pode sobrescrever o tema do editor e as configurações existentes (incluindo teclas de atalho) usando YAML (dando uma olhada no padrão configurações podem ajudá-lo, talvez até mesmo copiá-los e colá-los e, em seguida, modificar o que você quiser.

As últimas opções são importar/exportar backups do espaço de trabalho, redefinir o aplicativo e abrir um pop-up Sobre StackEdit.

Aqui estão alguns guias adicionais para usar os recursos que o StackEdit oferece.

Conclusão

Agora você deve ter uma boa ideia sobre o que este aplicativo é capaz. Acha que há recursos suficientes para tentá-lo a experimentar este editor Markdown de código aberto? Por que não tentar então?

Se você está interessado em markdown, talvez você também possa se interessar por nossa lista de editores LaTeX para Linux.

Deixe-nos saber na seção de comentários se você está usando algum editor Markdown e como você está usando!

Confira também a versão original desse post em inglês
Esse post foi originalmente escrito por Abhishek Prakash e publicado no site itsfoss.com. Tradução sujeita a revisão.

StackEdit A Feature Rich Online Open Source Markdown Editor

Propaganda
Blog Comments powered by Disqus.
Propaganda