For others, who want the solution to this problem
Quote:
<html>
<head>
<script type="text/javascript">
function design(){
document.designMode = arguments[0];
}
</script>
</head>
<body>
<button onclick="design('on');">Enable Design Mode</button>
<button onclick="design('off');">Disable Design Mode</button>
I am a heading... edit me
I am a paragraph... edit me
- List item
- List item
- List item
</body>
</html>
P.S: Copied & Paste
use the document.designMode or element.designMode to change the text of paragraph or body.
If you want user to change the text inside the textarea, alternatively you can use iframe tag with designMode Enabled