.contentEditable

このプロパティは要素が編集可能か否かを示すのに使用されます。 この列挙可能な属性は下記の値を持ちます。

  • trueまたは空文字列 - 要素が編集可能であることを示します。
  • false - 要素が編集不可であることを示します。
  • inherit - 親の編集可・不可の状態を継承します。

文法

editable = element.contentEditable
element.contentEditable = "true"

注意事項

HTMLElement.isContentEditableプロパティを使用して、 このプロパティを真偽値(Boolean)で確認することが出来ます。

仕様

ブラウザ互換性

デスクトップ
機能 Chrome Firefox
(Gecko)
IE Opera Safari
基本 11 3.0 (1.9) 6 10.6 3.2
モバイル
機能 Android Firefox
Mobile
IE
Mobile
Opera
Mobile
Safari
Mobile
基本 3 1.0 (1.9) 6 × 5

バグ

IE bug 796187:
IE10では、リスト(UL、LI)編集時にクラッシュする事があります。
IE bug 858749:
IE11+では、要素がfloatされている際に不正な位置のキャレット(カーソル)が使用されてしまいます。
IE bug 809254:
IE9-10では、ドラッグ時にマウスホイールを使用するとウインドウがフリーズします。
IE bug 794285:
IE10-11では、inputのイベントが発火されません。
IE bug 801770:
IE10では、コンテキストメニューから"切り取り"(カット)を選択した後にクラッシュします。
IE bug 807199:
IE11+では、空のテーブルセル内にキャレット(カーソル)を置くことが出来ません。
IE bug 774350:
IE10では、スペルの間違った単語上での右クリック時に、コンテキストメニューが発火されません。
IE bug 864804:
IE11では、編集可能なdocument内部で<iframe>を表示/非表示する際に、<br>要素が<body>要素へ追加されてしまいます。
IE bug 907422:
IE11では、画像/inputのためのリサイズのハンドルを無効にすることが出来ません。

関連項目

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。