リッチテキスト編集用APIを使ってみる

HTML5ではtinyMCEのような事が簡単にできる。

まずは以下のようにする。

<div contenteditable="true">編集</div>

ただのp要素なのに、文字を入れたり、編集できますよー

<body contenteditable="true">
<p>編集</p>
</div>

上述のようにbodyに対しても可能である。

以下のようにすると、編集可能領域において選択範囲を太字にできる。

document.execCommand('bold', false, false);

ただのp要素なのに、文字を入れたり、編集できますよー

TrackBack URL :

@blog.justoneplanet.info