The View
The view file is located at resources/views/livewire/markdown-x.blade.php, and this is the file that displays all the front-end magic ๐ฎ.
This file contains a good amount of code, which we may go into further detail later; however, if you modify this file upgrading to a new version may be a little difficult ๐ท.
But, hey, it's totally up to you ๐ If you want to take this editor and truly make it your own feel by adding more block items or more functionality, feel free. (but I can't promise support if it's heavily modified ๐)
One of the more important functions is getCursorXY(). This tracks the X and Y position of the cursor location. It works by creating a dynamic inline element with the same computed styles as the textbox. Determining the end of this dynamic element will give us the X and Y position of the cursor. There's more to this magic ๐งโโ๏ธ, but that's the gist.