@blog.justoneplanet.info

日々勉強

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

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

■編集

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

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

サンプル

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

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

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

■装飾

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

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

サンプル


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

コメントはまだありません»

No comments yet.

RSS feed for comments on this post.TrackBack URL

Leave a comment