Skip to content

Instantly share code, notes, and snippets.

@slant

slant/Content Editable

Created October 14, 2009 19:13
Show Gist options
  • Save slant/210327 to your computer and use it in GitHub Desktop.
Save slant/210327 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Content Editable
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title></title>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$('span').click(function(){
alert($('.stuff').html());
})
})
</script>
</head>
<body>
<span>Output Formatted Content</span>
<div class="stuff" contenteditable="true">
<p><b>Bold</b></p>
<ul>
<li>List Item 1</li>
<li>List Item 2</li>
</ul>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment