You might wanna test if window.location.href doesn't start with "https" before doing that, so you don't redirect unless you have to.

Call this plugin on an element, then you get callback events for before and after pasting:

$("#some-element").on("postpaste", function() {
//AN_Xml:    // do something
//AN_Xml:}).pasteEvents();

function detect_city($ip) {
//AN_Xml:
//AN_Xml:        $default = 'UNKNOWN';
//AN_Xml:
//AN_Xml:        if (!is_string($ip) || strlen($ip) < 1 || $ip == '127.0.0.1' || $ip == 'localhost')
//AN_Xml:            $ip = '8.8.8.8';
//AN_Xml:
//AN_Xml:        $curlopt_useragent = 'Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2) Gecko/20100115 Firefox/3.6 (.NET CLR 3.5.30729)';
//AN_Xml:
//AN_Xml:        $url = 'http://ipinfodb.com/ip_locator.php?ip=' . urlencode($ip);
//AN_Xml:        $ch = curl_init();
//AN_Xml:
//AN_Xml:        $curl_opt = array(
//AN_Xml:            CURLOPT_FOLLOWLOCATION  => 1,
//AN_Xml:            CURLOPT_HEADER      => 0,
//AN_Xml:            CURLOPT_RETURNTRANSFER  => 1,
//AN_Xml:            CURLOPT_USERAGENT   => $curlopt_useragent,
//AN_Xml:            CURLOPT_URL       => $url,
//AN_Xml:            CURLOPT_TIMEOUT         => 1,
//AN_Xml:            CURLOPT_REFERER         => 'http://' . $_SERVER['HTTP_HOST'],
//AN_Xml:        );
//AN_Xml:
//AN_Xml:        curl_setopt_array($ch, $curl_opt);
//AN_Xml:
//AN_Xml:        $content = curl_exec($ch);
//AN_Xml:
//AN_Xml:        if (!is_null($curl_info)) {
//AN_Xml:            $curl_info = curl_getinfo($ch);
//AN_Xml:        }
//AN_Xml:
//AN_Xml:        curl_close($ch);
//AN_Xml:
//AN_Xml:        if ( preg_match('{<li>City : ([^<]*)</li>}i', $content, $regs) )  {
//AN_Xml:            $city = $regs[1];
//AN_Xml:        }
//AN_Xml:        if ( preg_match('{<li>State/Province : ([^<]*)</li>}i', $content, $regs) )  {
//AN_Xml:            $state = $regs[1];
//AN_Xml:        }
//AN_Xml:
//AN_Xml:        if( $city!='' && $state!='' ){
//AN_Xml:          $location = $city . ', ' . $state;
//AN_Xml:          return $location;
//AN_Xml:        }else{
//AN_Xml:          return $default;
//AN_Xml:        }
//AN_Xml:
//AN_Xml:}

// Include the TextMagic PHP lib
//AN_Xml:require('textmagic-sms-api-php/TextMagicAPI.php');
//AN_Xml:
//AN_Xml:// Set the username and password information
//AN_Xml:$username = 'myusername';
//AN_Xml:$password = 'mypassword';
//AN_Xml:
//AN_Xml:// Create a new instance of TM
//AN_Xml:$router = new TextMagicAPI(array(
//AN_Xml:	'username' => $username,
//AN_Xml:	'password' => $password
//AN_Xml:));
//AN_Xml:
//AN_Xml:// Send a text message to '999-123-4567'
//AN_Xml:$result = $router->send('Wake up!', array(9991234567), true);
//AN_Xml:
//AN_Xml:// result:  Result is: Array ( [messages] => Array ( [19896128] => 9991234567 ) [sent_text] => Wake up! [parts_count] => 1 )

function remove_style(all) {
//AN_Xml:  var i = all.length;
//AN_Xml:  var j, is_hidden;
//AN_Xml:
//AN_Xml:  // Presentational attributes.
//AN_Xml:  var attr = [
//AN_Xml:    'align',
//AN_Xml:    'background',
//AN_Xml:    'bgcolor',
//AN_Xml:    'border',
//AN_Xml:    'cellpadding',
//AN_Xml:    'cellspacing',
//AN_Xml:    'color',
//AN_Xml:    'face',
//AN_Xml:    'height',
//AN_Xml:    'hspace',
//AN_Xml:    'marginheight',
//AN_Xml:    'marginwidth',
//AN_Xml:    'noshade',
//AN_Xml:    'nowrap',
//AN_Xml:    'valign',
//AN_Xml:    'vspace',
//AN_Xml:    'width',
//AN_Xml:    'vlink',
//AN_Xml:    'alink',
//AN_Xml:    'text',
//AN_Xml:    'link',
//AN_Xml:    'frame',
//AN_Xml:    'frameborder',
//AN_Xml:    'clear',
//AN_Xml:    'scrolling',
//AN_Xml:    'style'
//AN_Xml:  ];
//AN_Xml:
//AN_Xml:  var attr_len = attr.length;
//AN_Xml:
//AN_Xml:  while (i--) {
//AN_Xml:    is_hidden = (all[i].style.display === 'none');
//AN_Xml:
//AN_Xml:    j = attr_len;
//AN_Xml:
//AN_Xml:    while (j--) {
//AN_Xml:      all[i].removeAttribute(attr[j]);
//AN_Xml:    }
//AN_Xml:
//AN_Xml:    // Re-hide display:none elements,
//AN_Xml:    // so they can be toggled via JS.
//AN_Xml:    if (is_hidden) {
//AN_Xml:      all[i].style.display = 'none';
//AN_Xml:      is_hidden = false;
//AN_Xml:    }
//AN_Xml:  }
//AN_Xml:}

Usage

Call the function like this:

var all = document.getElementsByTagName('*');
//AN_Xml:remove_style(all);

Note: Selecting all elements in the page via a wildcard query could be slow, depending on how many elements are in the page. You could use a smaller set of elements to be more performant:

var set = document.getElementById('foo').getElementsByTagName('bar');
//AN_Xml:remove_style(set);

Code by Nathan Smith.

<p>
//AN_Xml:  <a href="mailto:chriscoyier@gmail.com">
//AN_Xml:    chriscoyier@gmail.com
//AN_Xml:  </a>
//AN_Xml:</p>
//AN_Xml:
//AN_Xml:<p class="phone">
//AN_Xml:    555-555-5555
//AN_Xml:</p>
//AN_Xml:
//AN_Xml:<p class="important">
//AN_Xml:  REMEMBER: drink slushies too fast.
//AN_Xml:</p>
//AN_Xml:
//AN_Xml:<blockquote>
//AN_Xml:   Designers tend to whisper, ad agencies tend to shout.
//AN_Xml:</blockquote>
//AN_Xml:
//AN_Xml:<p class="alert">
//AN_Xml:   Stranger Danger!
//AN_Xml:<p>

One way to save the data would be to wait for the return key to be pressed, which triggers then sends the new innerHTML of the element as an Ajax call and blurs the element. Pressing escape returns the element to it's pre-edited state.

document.addEventListener('keydown', function (event) {
//AN_Xml:  var esc = event.which == 27,
//AN_Xml:      nl = event.which == 13,
//AN_Xml:      el = event.target,
//AN_Xml:      input = el.nodeName != 'INPUT' && el.nodeName != 'TEXTAREA',
//AN_Xml:      data = {};
//AN_Xml:
//AN_Xml:  if (input) {
//AN_Xml:    if (esc) {
//AN_Xml:      // restore state
//AN_Xml:      document.execCommand('undo');
//AN_Xml:      el.blur();
//AN_Xml:    } else if (nl) {
//AN_Xml:      // save
//AN_Xml:      data[el.getAttribute('data-name')] = el.innerHTML;
//AN_Xml:
//AN_Xml:      // we could send an ajax request to update the field
//AN_Xml:      /*
//AN_Xml:      $.ajax({
//AN_Xml:        url: window.location.toString(),
//AN_Xml:        data: data,
//AN_Xml:        type: 'post'
//AN_Xml:      });
//AN_Xml:      */
//AN_Xml:      log(JSON.stringify(data));
//AN_Xml:
//AN_Xml:      el.blur();
//AN_Xml:      event.preventDefault();
//AN_Xml:    }
//AN_Xml:  }
//AN_Xml:}, true);
//AN_Xml:
//AN_Xml:function log(s) {
//AN_Xml:  document.getElementById('debug').innerHTML = 'value changed to: ' + s;
//AN_Xml:}

Live demo on JS Bin by Remy Sharp.

That will generally work, but there is a small chance of failure in the case that window is overridden. Here's a couple of clever alternatives from Nathan Smith:

<script>
//AN_Xml:
//AN_Xml:// Break out of an iframe, if someone shoves your site
//AN_Xml:// into one of those silly top-bar URL shortener things.
//AN_Xml://
//AN_Xml:// Passing `this` and re-aliasing as `window` ensures
//AN_Xml:// that the window object hasn't been overwritten.
//AN_Xml://
//AN_Xml:// Example:
//AN_Xml://   var window = 'haha, punked!';
//AN_Xml://
//AN_Xml:// Note: Probably unnecessary, but just for kicks.
//AN_Xml:
//AN_Xml:(function(window) {
//AN_Xml:  if (window.location !== window.top.location) {
//AN_Xml:    window.top.location = window.location;
//AN_Xml:  }
//AN_Xml:})(this);
//AN_Xml:
//AN_Xml:<AN_Scri>

<script>
//AN_Xml:
//AN_Xml:// A more cryptic one-liner, to awe & impress.
//AN_Xml://
//AN_Xml:// No need to protect `window` since `this` is
//AN_Xml:// immutable, and at the topmost level means
//AN_Xml:// `window` anyways. Here, we compare locations
//AN_Xml:// on the left side of the "&&" and execute the
//AN_Xml:// code in parenthesis if that condition is
//AN_Xml:// true (top location isn't iframe location).
//AN_Xml://
//AN_Xml:// Otherwise, nothing happens. It's basically an
//AN_Xml:// if statement without wrapping curly brackets.
//AN_Xml://
//AN_Xml:// Weird, I know. But pretty cool, right? :)
//AN_Xml:
//AN_Xml:this.top.location !== this.location && (this.top.location = this.location);
//AN_Xml:
//AN_Xml:<AN_Scri>

function addClass(id,new_class){
//AN_Xml:       var i,n=0;
//AN_Xml:
//AN_Xml:       new_class=new_class.split(",");
//AN_Xml:
//AN_Xml:       for(i=0;i<new_class.length;i++){
//AN_Xml:               if((" "+document.getElementById(id).className+" ").indexOf(" "+new_class[i]+" ")==-1){
//AN_Xml:                       document.getElementById(id).className+=" "+new_class[i];
//AN_Xml:                       n++;
//AN_Xml:               }
//AN_Xml:       }
//AN_Xml:
//AN_Xml:       return n;
//AN_Xml:}

Usage

<div id="changeme" class="big red"></div>
//AN_Xml:<button onclick="addClass('changeme', 'round')">Add a class</button>

function replace_accents($str) {
//AN_Xml:   $str = htmlentities($str, ENT_COMPAT, "UTF-8");
//AN_Xml:   $str = preg_replace('/&([a-zA-Z])(uml|acute|grave|circ|tilde);/','$1',$str);
//AN_Xml:   return html_entity_decode($str);
//AN_Xml:}

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7">

Or a black one:

<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=">

<form action="iframe.php" target="my-iframe" method="post">
//AN_Xml:
//AN_Xml:  <label for="text">Some text:</label>
//AN_Xml:  <input type="text" name="text" id="text">
//AN_Xml:
//AN_Xml:  <input type="submit" value="post">
//AN_Xml:
//AN_Xml:</form>
//AN_Xml:
//AN_Xml:<iframe name="my-iframe" src="iframe.php"></iframe>

The outer page doesn't even reload. But it might appear to at first glance since many browsers run the page-loading spinner in the tab when an iframe reloads.

jQuery.fn.animateAuto = function(prop, speed, callback){
//AN_Xml:    var elem, height, width;
//AN_Xml:    return this.each(function(i, el){
//AN_Xml:        el = jQuery(el), elem = el.clone().css({"height":"auto","width":"auto"}).appendTo("body");
//AN_Xml:        height = elem.css("height"),
//AN_Xml:        width = elem.css("width"),
//AN_Xml:        elem.remove();
//AN_Xml:
//AN_Xml:        if(prop === "height")
//AN_Xml:            el.animate({"height":height}, speed, callback);
//AN_Xml:        else if(prop === "width")
//AN_Xml:            el.animate({"width":width}, speed, callback);
//AN_Xml:        else if(prop === "both")
//AN_Xml:            el.animate({"width":width,"height":height}, speed, callback);
//AN_Xml:    });
//AN_Xml:}

Usage

$(".animateHeight").bind("click", function(e){
//AN_Xml:    $(".test").animateAuto("height", 1000);
//AN_Xml:});
//AN_Xml:
//AN_Xml:$(".animateWidth").bind("click", function(e){
//AN_Xml:    $(".test").animateAuto("width", 1000);
//AN_Xml:});
//AN_Xml:
//AN_Xml:$(".animateBoth").bind("click", function(e){
//AN_Xml:    $(".test").animateAuto("both", 1000);
//AN_Xml:});

example of problem:

blah blah blah
//AN_Xml:
//AN_Xml:<img src="monkey.jpg">
//AN_Xml:
//AN_Xml:blah blah blah

turns into:

<p>blah blah blah</p>
//AN_Xml:
//AN_Xml:<p><img src="monkey.jpg"></p>
//AN_Xml:
//AN_Xml:<p>blah blah blah</p>

We can fix it with this:

function filter_ptags_on_images($content){
//AN_Xml:   return preg_replace('/<p>\s*(<a .*>)?\s*(<img .* \/>)\s*(<\/a>)?\s*<\/p>/iU', '\1\2\3', $content);
//AN_Xml:}
//AN_Xml:
//AN_Xml:add_filter('the_content', 'filter_ptags_on_images');

For your functions.php file, or, see Reference URL for a plugin. With this in place, we get:

<p>blah blah blah</p>
//AN_Xml:
//AN_Xml:<img src="monkey.jpg">
//AN_Xml:
//AN_Xml:<p>blah blah blah</p>

... meaning things like floating the images will be much easier.

Usage

<?php php_split_js_make_email("youremail@here.com"); ?>

function namespace_add_custom_types( $query ) {
//AN_Xml:  if( is_category() || is_tag() && empty( $query->query_vars['suppress_filters'] ) ) {
//AN_Xml:    $query->set( 'post_type', array(
//AN_Xml:     'post', 'your-custom-post-type-here'
//AN_Xml:		));
//AN_Xml:	  return $query;
//AN_Xml:	}
//AN_Xml:}
//AN_Xml:add_filter( 'pre_get_posts', 'namespace_add_custom_types' );

// Get on screen image
//AN_Xml:var screenImage = $("#image");
//AN_Xml:
//AN_Xml:// Create new offscreen image to test
//AN_Xml:var theImage = new Image();
//AN_Xml:theImage.src = screenImage.attr("src");
//AN_Xml:
//AN_Xml:// Get accurate measurements from that.
//AN_Xml:var imageWidth = theImage.width;
//AN_Xml:var imageHeight = theImage.height;

php_value auto_prepend_file "/real/path/to/file/functions.php"
//AN_Xml:php_value auto_append_file "/real/path/to/file/footer.php"

<input type="button" value="Really&#x00A;Tall&#x00A; Button">

$('h1').each(function() {
//AN_Xml:
//AN_Xml:	var words = $(this).text().split(' ');
//AN_Xml:
//AN_Xml:	$(this).empty().html(function() {
//AN_Xml:
//AN_Xml:		for (i = 0; i < words.length; i++) {
//AN_Xml:			if (i == 0) {
//AN_Xml:				$(this).append('<span>' + words[i] + '</span>');
//AN_Xml:			} else {
//AN_Xml:				$(this).append(' <span>' + words[i] + '</span>');
//AN_Xml:			}
//AN_Xml:		}
//AN_Xml:
//AN_Xml:	});
//AN_Xml:
//AN_Xml:});

Then you could do:

h1 span {
//AN_Xml:  text-decoration: underline;
//AN_Xml:}

Similar and slightly more robust solution: Lettering.js

<a href="tel:1-408-555-5555">1-408-555-5555</a>

This is the SMS one, which overrides the default calling behavior:

<a href="sms:1-408-555-1212">New SMS Message</a>

Not sure what other things these links might work on... Might be a little dangerous as having non-standard links that don't work or bring up errors is kinda bad UX. Best for mobile-only sites. If someone know if this works on Android/Blackberry/Other Mobile, comment below.

function add_more_buttons($buttons) {
//AN_Xml: $buttons[] = 'hr';
//AN_Xml: $buttons[] = 'del';
//AN_Xml: $buttons[] = 'sub';
//AN_Xml: $buttons[] = 'sup';
//AN_Xml: $buttons[] = 'fontselect';
//AN_Xml: $buttons[] = 'fontsizeselect';
//AN_Xml: $buttons[] = 'cleanup';
//AN_Xml: $buttons[] = 'styleselect';
//AN_Xml: return $buttons;
//AN_Xml:}
//AN_Xml:add_filter("mce_buttons_3", "add_more_buttons");

http://css-tricks.com/index.php/teachers/a/

The actual page rendered by the server would be:

http://css-tricks.com/index.php?search=teachers&sort=a

RewriteEngine on
//AN_Xml:RewriteRule ^index/([^/]+)/([^/]+).php /page.php?search=$1&sort=$2 [NC]

# display no errs to user
//AN_Xml:php_flag display_startup_errors off
//AN_Xml:php_flag display_errors off
//AN_Xml:php_flag html_errors off
//AN_Xml:# log to file
//AN_Xml:php_flag log_errors on
//AN_Xml:php_value error_log /location/to/php_error.log

RewriteCond %{HTTP_USER_AGENT} ^.*iPad.*$
//AN_Xml:RewriteRule ^(.*)$ http://ipad.yourdomain.com [R=301]

This will redirect iPad users to a URL you specify. This is probably the best way to do it (assuming you are running an Apache server), but if you aren't, there are PHP and JavaScript methods here.

RewriteEngine On
//AN_Xml:RewriteCond %{HTTP_ACCEPT} application/xhtml\+xml
//AN_Xml:RewriteCond %{HTTP_ACCEPT} !application/xhtml\+xml\s*;\s*q=0
//AN_Xml:RewriteCond %{REQUEST_URI} \.html$
//AN_Xml:RewriteCond %{THE_REQUEST} HTTP/1\.1
//AN_Xml:RewriteRule .* - "[T=application/xhtml+xml; charset=ISO-8859-1]"