HTML5ではtinyMCEのような事が簡単にできる。
■編集
まずは以下のようにする。
<div contenteditable="true">編集</div>
サンプル
ただのp要素なのに、文字を入れたり、編集できますよー
<body contenteditable="true"> <p>編集</p> </div>
上述のようにbodyに対しても可能である。
■装飾
以下のようにすると、編集可能領域において選択範囲を太字にできる。
document.execCommand('bold', false, false);
サンプル
ただのp要素なのに、文字を入れたり、編集できますよー