Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

alternative UX for note editor #15

Open
hamidb80 opened this issue Dec 14, 2023 · 16 comments
Open

alternative UX for note editor #15

hamidb80 opened this issue Dec 14, 2023 · 16 comments
Assignees
@hamidb80
Labels
enhancement New feature or request Frontend thoughts

Comments

@hamidb80
Copy link
Owner

hamidb80 commented Dec 14, 2023 •
edited
Loading

vrite

image
image
@hamidb80 hamidb80 added the enhancement New feature or request label Dec 14, 2023
@hamidb80 hamidb80 self-assigned this Dec 14, 2023
@hamidb80 hamidb80 changed the title better UX for note better UX for note editor Dec 28, 2023
@hamidb80
Copy link
Owner Author

hamidb80 commented Dec 28, 2023 •
edited
Loading

vditor

has 3 modes:

  • markdown editor
  • IR editor
  • WYSIWYG editor

IR:

IR DEMO

@hamidb80
Copy link
Owner Author

hamidb80 commented Dec 29, 2023 •
edited
Loading

Jupyter notebook

image

@hamidb80
Copy link
Owner Author

hamidb80 commented Dec 29, 2023 •
edited
Loading

rems now

image

@hamidb80
Copy link
Owner Author

hamidb80 commented Jan 3, 2024

https://blocksuite.affine.pro/working-with-block-tree.html#block-tree-in-editor

@hamidb80
Copy link
Owner Author

hamidb80 commented Jan 3, 2024

https://github.com/topics/notion-alternative

@hamidb80
Copy link
Owner Author

I'm really happy with the current idea, It's more convenient and predictable and modular than others

@hamidb80
Copy link
Owner Author

hamidb80 commented Jan 23, 2024 •
edited
Loading

Google Colab is not bad
image

it converts to this when you click on a markdown node. edit & view side by side
image

a modal opens when you click on the gear icon on the top right
image

the left sidebar
image

@hamidb80
Copy link
Owner Author

https://github.com/usememos/memos

@hamidb80
Copy link
Owner Author

https://en.wikipedia.org/wiki/Help:Wikitext

@hamidb80
Copy link
Owner Author

https://tiptap.dev/docs/editor/examples/default

@hamidb80
Copy link
Owner Author

https://workflowy.com/

@hamidb80
Copy link
Owner Author

Notion like editor after typing / the block list appears

image

@hamidb80
Copy link
Owner Author

https://demo.logseq.com/

@hamidb80
Copy link
Owner Author

hamidb80 commented Mar 25, 2024 •
edited
Loading

I'm done with markdown/WYSIWYG. long live structural editing

although I liked google's approach more ...

@hamidb80 hamidb80 changed the title better UX for note editor alternative UX for note editor Mar 26, 2024
@hamidb80
Copy link
Owner Author

https://bear.app/

@hamidb80 hamidb80 reopened this Jul 15, 2024
@hamidb80
Copy link
Owner Author

hamidb80 commented Jul 15, 2024 •
edited
Loading

Blocky (like jupyter) is simpler and much better, do cross referencing if want nesting

Remember, simplicity is the key

Use flat data structure

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@hamidb80 hamidb80

Labels
enhancement New feature or request Frontend thoughts
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@hamidb80