<htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title></title><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"type="text/javascript"></script><scriptsrc="//tinymce.cachefly.net/4.0/tinymce.min.js"></script><scripttype="text/javascript">
tinymce.init({
selector:"h1.editable",inline:true,
toolbar:"undo redo",
menubar:false});
tinymce.init({
selector:"div.editable",inline:true,
plugins:["advlist autolink lists link image charmap print preview anchor","searchreplace visualblocks code fullscreen","insertdatetime media table contextmenu paste"],
toolbar:"insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image"});</script></head><body><formid="form1"runat="server"><div><h1class="editable">Editable header</h1><divclass="editable"style="100%;height:550px">
This is an editable div element element.
</div></div></form></body></html>
please see live demo: