Download

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.