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.
Want to download MarkdownX and use it in your project and support ongoing development? If so, you will want to upgrade to a Pro account 🌟.
Click here 👇 to learn more.Upgrade to Pro
Take these 2 steps to try out the demo
We'll never message you. This is just to prevent spam. Damn Spammers! Ruin it for everyone 😆.Verify Here
Now you can click create->post and try out the editor
Warning: If you are testing the editor, do not publish an incomplete post. It will be deleted.