Wednesday, June 19, 2024

webEdit - WYSIWYG rich text editor

Hello, kooper here.


A few days ago, I was thinking about ChromeOS when I remembered something.

Back when I used to use ChromeOS, there was a URL that I would open all of the time whenever I needed to edit anything: 'data:text/html,<html contenteditable>'

When you open that URL now, you will be greeted with a blank page where you can type text in.

After remembering about that URL, I wondered if anyone had made a text editor out of it?

Yes.

Turns out someone on GitHub called Osamu Monoe (osamum) had created a psuedo-editor (you can find it here).

The creator apparently had created this code as a sample for his blog about the 'contentEditable' attribute found in the 'div' tag, which when set to true, makes the div content, well, editable.

The original blog was not only removed, but also the site the blog was on (MSDN TechNet) was retired, meaning that the only way to access it is through the Wayback Machine (you can view the archive of the blog here).

Anyway, after looking at the code he wrote, I started thinking about not only translating the editor to English, but also improving the webpage overall, so I downloaded the html file and started making changes.

The end result of that work, is webEdit.


Update!

A version of webEdit is being hosted on my website, however downloads for webEdit are still available and working on most browsers*

Hosted version here: webEdit

Download here: webEdit.html


* webEdit makes use of the innerHTML property, which was not supported in Firefox before version 45. This should not be an issue unless you are running Windows 2000 or older. In that case, what are you doing?! T_T


No comments:

Post a Comment