Editor semelhante ao Notion

Não me surpreende. O TipTap parece muito bom e sólido. :smile:

Falando em outra coisa, notei que o TipTap é, na verdade, um wrapper em torno do ProseMirror.

O Tiptap é um wrapper headless em torno do ProseMirror – um toolkit para construir editores WYSIWYG de rich text, que já está em uso em muitas empresas conhecidas como New York Times, The Guardian ou Atlassian.

Crie exatamente o editor de rich text que você deseja a partir de blocos de construção personalizáveis. O Tiptap vem com padrões sensatos, muitas extensões e uma API amigável para personalizar todos os aspectos. É apoiado por uma comunidade acolhedora, é open source e gratuito.

Vou experimentá-lo mais tarde. Parece realmente interessante. Ainda preciso ver se a API do TipTap, que presumo que facilita o uso da API do ProseMirror, pode trazer todo o poder que o ProseMirror oferece.


EDIT: Na verdade, eu deveria ler o tópico, já foi apontado várias vezes acima :rofl:

3 curtidas

O Outline implementa um editor semelhante a blocos, baseado em TipTap, sobre o Y CRDT, muito parecido com o AppFlowy. Este último tem seu próprio editor de blocos.

O editor AnyType parecia muito poderoso, ao dar uma olhada nele. No entanto, não sei o quão intimamente ele se acopla ao seu armazenamento MongoDB subjacente.

Talvez seus códigos-fonte possam dar inspiração em como construir algo semelhante?

Infelizmente, a cena FLOSS de alternativas de baixo código Airtable e sem código Notion está esgotada. Às vezes, são apenas partes do aplicativo que são realmente FLOSS.

do AFFiNE pareceu interessante, ao brincar com ele.

O Notea também tem um editor de blocos agradável e calmo.

A única implementação do

por outro lado, parece ser o avassalador hash.ai?

Existem muitos exemplos para aprender. Como fazer isso certo? Qual é o benefício sobre a versatilidade do texto simples Markdown misturado com HTML e bbCode, mais autoboxes?

Como um editor de blocos impactaria a federação ActivityPub? O que poderia significar federar blocos individuais? Isso poderia funcionar potencialmente para apoiar o desenvolvimento da transclusão federada de blocos também?

fyi:

6 curtidas

Pode valer a pena dar uma olhada na funcionalidade do editor que está embutido no Obsidian. É um editor de markdown que renderiza o markdown enquanto você edita. Ele mostra a sintaxe de markdown apenas para o texto que está sob o cursor, caso contrário, você vê o texto renderizado. Isso parece o melhor dos dois mundos.

Parece que ele pode ser construído sobre o CodeMirror: CodeMirror 6.0 Stable Release | Hacker News.

1 curtida

E em celulares/tablets, como ele exibe markdown? Porque se falhar com telas sensíveis ao toque, então é apenas para um ambiente e deve haver outra opção para isso.

1 curtida

Não tenho ideia, mas você está certo que isso pode ser um problema. Estou apenas sugerindo como uma implementação interessante para se observar.

Editar: ele tem mais ou menos a mesma funcionalidade no celular como no desktop - essencialmente um editor híbrido markdown/wysiwyg. Sou muito a favor do markdown, então obviamente estou enviesado.

Sou apenas mais um usuário final nisso :zany_face: Mas até termos WYSIWYG em algum momento no futuro, outro botão de alternância não seria um problema em termos de UI/UX — codificar tal funcionalidade seria outra história completamente diferente. Até mesmo o WordPress tem aquele botão mostrar código (o sistema de editor é uma bagunça terrível no WP, embora. Quebrou totalmente quando a Automattic decidiu ir com a visão de olhar primeiro, conteúdo por último).

Ainda vejo que a coisa mais importante seria uma configuração para ocultar totalmente a barra de ferramentas, exceto o upload de arquivos. Celulares já têm isso (como um easter egg :smirking_face:), embora. Vejo isso como mais importante a fazer do que melhorias ou mudanças no editor.

Temos duas categorias de usuários diferentes:

  • uma enorme maioria que quase nunca escreve nada e precisa de um limiar muito baixo (essa é a palavra certa…) para comentar
  • usuários avançados que precisam de uma grande variedade de ferramentas diferentes e acesso fácil a elas

Mas, claro, isso depende do nicho dos fóruns. Mas minha ousada afirmação é que isso é verdade na maioria dos fóruns.

O Discourse agora está enviando um editor WYSIWYG experimental :confetti_ball:

Isso nos dá todos os blocos de construção para experiências semelhantes ao Notion.

Dado isso, @TheDarkWizard, você considera sua solicitação ampla concluída.

Vou fechar isso para que possamos refazer solicitações de recursos específicas para o novo editor, como menus de contexto mais inteligentes e assim por diante.

10 curtidas