cman.jp > WEBページ作成TOP > HTMLタグ・リファレンス > タグ・属性対応表 > 属性の説明
WEBページ作成
広告
contenteditable 「編集可否を指定」
contenteditable属性は、編集可否を指定します。編集可を指定した場合、通常は編集できない表示文字や画像の編集が可能となります。
| HTML規格 | HTML4.01 | HTML5 |
|---|---|---|
| 使用可否 | × | ○ |
広告
contenteditable の属性値
| 値 | 意味 | 注意事項 |
|---|---|---|
| ture | 編集可能 | |
| false | 編集不可 | |
| 空白文字 | 編集可能 |
contenteditable のサンプル
文字を編集可能に指定するサンプル
<p contenteditable="true">テキスト１を編集可能にする</p>
<p>テキスト２を編集可能にしない</p>
<p>テキスト２を編集可能にしない</p>
テキスト１を編集可能にする
テキスト２を編集可能にしない
画像を編集可能にするサンプル
<div contenteditable="true">
<objectdata="sample.jpg" type="image/jpeg" width="100"height="140">
<p><a href="sample.jpg">表示出来ない場合は、クリックして表示してください。
</a></p></object>
</div>
<objectdata="sample.jpg" type="image/jpeg" width="100"height="140">
<p><a href="sample.jpg">表示出来ない場合は、クリックして表示してください。
</a></p></object>
</div>
留意事項
- 編集は画面上のみ反映されます。ソースが編集される事はありません。
広告