Google Docs and Evernote is great but they have way more features than I would normally use. WordPress is fine, but it takes several steps to get to the actual writing, and you must be connected to the internet to use it.

The Solution

Now that we have HTML5 with support for localStorage and offline apps in all of the modern browsers, it seems to be the perfect solution. All that is needed is a little PHP script that synchronizes the content of localStorage with the server. Here is how it looks:

You have your files on the left and a very big plain text editor on the right.

How Does it Work

The app consists of the following:

• One HTML file with enabled offline access (cache manifest).
• jQuery for all the Javascript and AJAX magic.
• One PHP file with HTTP authentication for syncing with the server.

The files are stored in browser’s localStorage as key/value pairs with a unique timestamp ID as key and JSON formated content as value. An index of all files and their version timestamps is kept and used for synchronization during which all the content of localStorage is sent to sync.php in a POST request. The server reads its own index file and determines which new or edited entries need to be stored and which returned to the browser. All entries are stored on the server as JSON strings in simple text files.

Demo, Download and Installation

Please visit the project page of the HTML5 Notepad App. There is also a sample Chrome app.

Related posts

1. Automatic Updates for Plugins and Themes Hosted Outside WordPress Extend

Related posts

1. How to Add Simple Google Site Search to Any Website
2. OpenID Plugin and WordPress 2.8
3. Self-hosted HTML5 Notepad App With Synchronization

add_filter('got_rewrite', 'nginx_has_rewrites');
function nginx_has_rewrites() {
	return true;
}

in your theme’s functions.php.

It is very likely that along Nginx you are also running PHP-FPM for all your PHP needs, and for some reason WordPress thinks its PHP process can’t write to disk. We tell WordPress that it can:

add_filter('filesystem_method', 'nginx_make_filesystem_direct');
function nginx_make_filesystem_direct() {
	return 'direct';
}

Related posts

1. Enable Automatic Updates for Plugins Hosted by Developers
2. Notes on the 2010 WordPress Theme
3. Got permalinks broken after the latest WordPress update