It is easy to add notes on the extended stick boxes which will automatically get saved inside the browser.
Sticky note with font picker Pc#
Using extension will help to overcome looking for the previous saved notes every time from your PC or Mac. In fact, one of the earlier supported browser was Internet Explorer, but the support was removed in later versions. Unfortunately Microsoft browsers like Internet Explorer and Edge does not support contenteditable attribute. This HTML5 attribute is supported on modern browsers like Google Chrome, Mozilla Firefox and Apple Safari. Using CSS with Contenteditable Attribute Browser Support You will see the following result, when entering this on address bar. data:text/html, Here is your editable text. For example, you can create a border with padding and use different font size for your notes.
You can add more CSS stuffs to make the content area looks different. When used with the data element in the browser’s address bar, it uses the Data URI scheme to convert the browser window into a HTML page with editable mode. How It Works?īasically ‘contenteditable’ is a HTML5 global attribute that allows the application to edit the content. The biggest advantage of this method is that you can use any of the browser to take notes and then open it any other supported browser for editing. Otherwise, you can simply copy the content and paste on the text editor like Microsoft Word or Notepad in Windows platform or TextEdit in macOS platform. Again you can start editing and save it as a webpage. Next time you can open this and all your work would be there. This will save your notes in HTML page format with.