blob: cf234abee9bb5ed38828e549df0b7c5b3a2c1169 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
---
title: Document.designMode
slug: Web/API/Document/designMode
tags:
- API
- Documento
- HTML DOM
- Propiedad
- Referencia
- editor
translation_of: Web/API/Document/designMode
---
<div>{{ ApiRef() }}</div>
<p><strong><code>document.designMode</code></strong> controla la posibilidad de editar un documento entero. Los valores válidos son <code>"on"</code> y <code>"off"</code>. De acuerdo a las especificaciones, el valor predeterminado de esta propiedad es <code>"off"</code>. Firefox sigue este estándar. El valor predeterminado de versiones anteriores de Chrome y IE es <code>"inherit"</code>. En IE6-10, el valor se escribe con mayúscula.</p>
<h2 id="Sintaxis">Sintaxis</h2>
<pre class="syntaxbox">var mode = document.designMode;
document.designMode = "on" || "off";</pre>
<h2 id="Ejemplo">Ejemplo</h2>
<p>Hacer un documento {{HTMLElement("iframe")}} editable:</p>
<pre class="brush: js">iframeNode.contentDocument.designMode = "on";
</pre>
<h2 id="Especificaciones">Especificaciones</h2>
<table class="standard-table">
<tbody>
<tr>
<th scope="col">Especificación</th>
<th scope="col">Estado</th>
<th scope="col">Comentario</th>
</tr>
<tr>
<td>{{SpecName('HTML WHATWG', '#making-entire-documents-editable:-the-designmode-idl-attribute', 'designMode')}}</td>
<td>{{Spec2('HTML WHATWG')}}</td>
<td>Definición inicial.</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidad_de_Navegadores">Compatibilidad de Navegadores</h2>
<p>{{Compat("api.Document.designMode")}}</p>
<h2 id="Ver_también">Ver también</h2>
<ul>
<li><a href="/en-US/docs/Rich-Text_Editing_in_Mozilla">Editando text enriquecido en Mozilla</a></li>
<li>{{domxref("HTMLElement.contentEditable")}}</li>
<li><a href="https://msdn.microsoft.com/en-us/library/ms533720(v=vs.85).aspx">propiedad designMode</a> en MSDN</li>
</ul>
|
