---
title: Document.designMode
slug: Web/API/Document/designMode
tags:
  - API
  - DOM
  - Document
  - HTML
  - JS
  - designmode
  - editor
translation_of: Web/API/Document/designMode
---
<div>{{ ApiRef() }}</div>

<p><code>document.designMode</code> переключает режим редактирования для всего документа. Допустимые значения: "on" и "off". В соответствии со спецификацией, это свойство по умолчанию имеет значение "off". Firefox следует этому стандарту. В более ранних версии Chrome и IE это свойство по умолчанию имеет значение "inherit". Начиная с Chrome 43 значение по умолчанию "off", а значение "inherit" более не поддерживается. В IE6-10 значение должно быть указанно с большой буквы ("On" и "Off") </p>

<h2 id="Синтаксис">Синтаксис</h2>

<pre><code>var mode = document.designMode;
document.designMode = "on" </code>|| "off";</pre>

<h2 id="Example" name="Example">Пример</h2>

<p>Включить режим редактирования для {{HTMLElement("iframe")}} :</p>

<pre><code>iframeNode</code>.contentDocument.designMode = "on";
</pre>

<h2 id="Спецификации">Спецификации</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Спецификация</th>
   <th scope="col">Статус</th>
   <th scope="col">Комментарий</th>
  </tr>
  <tr>
   <td>{{SpecName('HTML WHATWG', '#making-entire-documents-editable:-the-designmode-idl-attribute', 'designMode')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>Начальное значение</td>
  </tr>
 </tbody>
</table>

<h2 id="Совместимость_с_браузерами" style="font-size: 2.14285714285714rem;">Совместимость с браузерами</h2>

<p>{{Compat("api.Document.designMode")}}</p>



<h2 id="See_also" name="See_also">Смотрите также</h2>

<ul>
 <li><a href="/en-US/docs/Rich-Text_Editing_in_Mozilla">Rich-Text Editing в Mozilla</a></li>
 <li>{{domxref("HTMLElement.contentEditable")}}</li>
 <li><a href="https://msdn.microsoft.com/ru-ru/library/ms533720(v=vs.85).aspx">Свойство designMode</a> на MSDN</li>
</ul>