O que é o Zeile?
Guia de uso, limitações e exemplos da plataforma.
O que é o Zeile Notebook?
Basicamente, é uma ferramenta de escrita de texto, com alguns fru-frus a mais.
É inspirada no Jupyter Notebook (que permite escrever código e texto).
Limitações atuais
- O compartilhamento de páginas ainda não está totalmente pronto.
- As únicas funções relacionadas ao usuário são as de cadastro, login e atualização de nome.
- Alguns botões podem te levar pra uma página que ainda não existe, ou para uma página de onde você não consegue voltar ;) .
- Alguns pontos de autenticação ainda serão melhorados/corrigidos.
- Ainda não implementei login com o GitHub :P .
- Ainda não é possível criar tabelas (nem com markdown, nem com componentes de UI).
- Os metadados do componente de UI Callout não estão sendo salvos.
- Os componentes de UI Banner, Card e repositório do GitHub não são adequados pro tema claro.
- A edição de markdown fica com aparência estranha no tema claro.
- Todos os componentes de edição de texto ficam estranhos no tema claro.
- Ainda não é possível copiar páginas que foram compartilhadas.
- O componente de link para repositório do GitHub não está responsivo.
- O título na página inicial não está centralizado.
- Ainda não é possível adicionar notas de rodapé 1.
- Ainda não é possível adicionar lista de tarefa.
- Ainda não é possível adicionar links diretamente.
O que funciona no momento
- Cadastro e login de usuário
- Sincronização automática das páginas (salvando a cada 10s)
- Renomear páginas.
- Executar código de outras páginas, desde que estejam na mesma aba do navegador e que todos os blocos relacionados tenham sido compilados.
- Compartilhar uma página, desde que ela esteja pública (dá pra editar a configuração no topo da página).
- Reordenar blocos.
- Utilizar componentes de UI (callout, card, banner e link para repositório do github).
Exemplos de uso
Rust
- Compile esse bloco primeiro:
Obs.: Se aparecer uma mensagem de falha, mas a mensagem possuir algo como Finished dev [unoptimized + debuginfo], então estará tudo certo e você pode seguir pro próximo passo :)
- Agora compile esse bloco:
React/TypeScript
Você pode editar código abaixo.
Ele poderia ser importado em outro bloco, por meio de um import:
import RelogioDigital from './Componente_13'.
Isso não foi feito nesse exemplo por questões de renderização da página.
export default function App() { return <h1>Olá Mundo!</h1>; }
Python
- Compile o código abaixo:
- Agora compile esse bloco:
Interface
Callout
Callout de informação
Callout de aviso
Callout de erro
Card
Banner
Banner colorido
Banner normal
Repositório
Markdown
Esse conteúdo foi retirado do MarkdownLivePreview
Markdown syntax guide
Headers
This is a Heading h1
This is a Heading h2
This is a Heading h6
Emphasis
This text will be italic This will also be italic
This text will be bold This will also be bold
You can combine them
Lists
Unordered
- Item 1
- Item 2
- Item 2a
- Item 2b
- Item 3a
- Item 3b
Ordered
- Item 1
- Item 2
- Item 3
- Item 3a
- Item 3b
Images

Links
You may be using Markdown Live Preview.
Blockquotes
Markdown is a lightweight markup language with plain-text-formatting syntax, created in 2004 by John Gruber with Aaron Swartz.
Markdown is often used to format readme files, for writing messages in online discussion forums, and to create rich text using a plain text editor.
Tables
| Left columns | Right columns |
|---|---|
| left foo | right foo |
| left bar | right bar |
| left baz | right baz |
Blocks of code
let message = 'Hello world';
alert(message);
Footnotes
-
Essa é uma nota de rodapé! ↩