Plain Text Editor via Data URL

I would like to have a browser based plain-text editor for quick input anywhere. I use the data URL approach:

data:text/html,<html%20contenteditable>Type%20here...

Preview

Now I can bookmark this URL so that I can quickly launch an editor to write.

I can even write a JavaScript in URL to auto save the content back to the URL:

data:text/html,%3Chtml%20contenteditable%3E%3Cmeta%20name=%22viewport%22%20content=%22width=device-width,%20initial-scale=1%22%3E%3Cmeta%20charset=%22utf-8%22%3E%3Ctitle%3EMak.la/Note%3C/title%3E%3Cstyle%3Ehtml%7Bfont-family:-apple-system,sans-serif;background:%23fff2e8;font-size:2em;%7D%3C/style%3E%3Cscript%3Ewindow.onload=(()=%3E%7Blet%20h=document.querySelector(%22html%22);let%20b=document.querySelector(%22body%22);b.oninput=(()=%3E%7Bhistory.replaceState(%7B%7D,%22%22,location.href.substring(0,539)+b.innerHTML)%7D)%7D)%3C/script%3EType%20here...

Then, I create a short URL to redirect to this Data URL: http://mak.la/note.