This is a markdown editor that isn't as complicated as "oh I need a strikethrough, hmm how do I do that" or anything like that, you can just cut to the chase and edit your markdown files in this without any prior knowledge
Hey everyone! I’ve finished most of the editor features. Compared to my first project, I’ve been able to churn out updates and finish this a lot faster so that’s something I’m happy about. I now just need to style everything and make a home page! 
So far I’ve added a settings menu with dropdown menus and also made the code more stable on different browsers, as well as the fact I spent 2 hours… making my text formatting shortcut apply properly and read all the formatting before making a decision (before it was being really weird and adding lots of the same formatting)
First image shows new formatting system vs old formatting system
Second image shows settings (not super snazzy looking but gets the job done till I design it properly)
I’ve actually done a lot on the website so far and I’ll try to explain everything as concise as possible
The editor is a lot more editor-like now!
Between the editor and preview, there’s now a resizable divider!
When you press save, it… saves… Why did I explain this
It just warns you if you had unsaved changes since last time
Actually pretty happy with the implementation of this
It’s kinda funny that if you search up an issue you’re having, someone already had the issue before you and you can just look at the solution they were given
When any line of the preview exceeded the width of the preview, it would resize the preview till the point it fits properly, until eventually collapsing the textarea element entirely, I fixed this by applying min-width: 0 which prevents the parent div from resizing according to its children
When scrolling, the linecount didn’t follow, so I set the linecount to scroll with the textarea element using a JS property called “scrollTop”
When dragging the divider, it would flicker between 2 cursors since it would hover over the textarea element, so I had to go and fix it by making the entire window display that specific cursor so that they wouldn’t interact like this
Overall I’m happy with my progress and I’m actually finishing things up a lot faster than on my first project! Stay tuned for the next devlog! 🚀
First image is the editor (my CSS sucks 😭 )
Second image shows local storage
I’ve added keyboard shortcuts for formatting, but they do have some issues…
I ran into this issue where italicizing and bolding kind of fight each other since they share the same characters for their formatting, I need to fix that in the next update 😭
For now I have a demo of the formatter and its keyboard shortcuts in action!
So far I’ve created the file system, not really much else that I’ve done other than research on markdown rendering libraries and figuring out the one I decided on, which is called “marked”
My plan with this project is to make a really easy to understand Markdown editor which is simple in principal but I’m hoping to add features that will make it a little more than just an editor
