You are browsing as a guest. Sign up (or log in) to start making projects!

3h 45m 56s logged

Rich text editing for notes!

  • Added a complete, feature-rich, and easy to use rich text editor for creating and editing your notes! This means you can now actually take notes with features like text formatting, links, headings, lists, inline components, and a lot of other features you would expect from tools like Google Docs :yay:
  • There is a top tool bar with a ton of options, buttons, and dropdowns organized into different functional sections (I definitely did not just copy GDocs :sk: ) to format/edit/modify your current content selection easily
  • Most of the features support keyboard shortcuts (because of Tiptap), which you can see by hovering over the option and reading its tooltip
  • I tried making my own web based rich text editor from scratch before, and it turned out to be a nightmare of dom manipulation and other headaches, so this time I decided to just use the library Tiptap, which itself is based on the library ProseMirror, to handle this pain in the butt :crine:
  • Since Tiptap is completely headless, I still spent a lot of time going through its docs, installing useful extensions, learning their commands, and building, testing, and tweaking all the features to make everything work smoothly :thumbs-up:
  • I don’t know why I’ve been neglecting actually adding notes for so long (before each note was just a blank page saying “Untitled note” that you couldn’t even edit :heavy-fart: ), but this actually turned out to be super fun to implement and the result was very rewarding
  • Note saving doesn’t actually work yet (despite the fake “Note saved” autosave message :dumbass: ) since there are still some things about the editor to fix, but hopefully that’ll be implemented soon and MacIdeas will be almost ready to ship!
  • The text editor also works with light mode, and I also updated some styling to improve the UI
0
105

Comments 0

No comments yet. Be the first!