SYNCERのロゴ
アイキャッチ画像

Document.designMode - 編集モード

designModeは、Documentのプロパティです。ドキュメントの編集モードを表す文字列を返します。"on"を代入すれば、ドキュメント全体を、ユーザーが自由に編集できるようになります。

概要

名前
designMode
所属
Document
IDL
[CEReactions] attribute DOMString designMode;
仕様書
https://html.spec.whatwg.org/multipage/interaction.html#designMode

説明

編集モードを表す下記の文字列を返す。値を代入して変更することができる。

on
編集モード。ユーザーがドキュメントを自由に編集できる。
off
編集モードではない。

デモ

Document.designModeのデモです。コメントアウトを外して、編集モードも試してみて下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<body>
<p>このテキストを編集できるか試してみよう!</p>
<hr>
<script>
// 代入
// document.designMode = "on" ;

// 取得
var value = document.designMode ;

console.log( value ) ;
document.body.appendChild( new Text( value ) ) ;
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
9+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月6日 (金)
コンテンツを公開しました。