diff options
Diffstat (limited to 'files/pt-br/web/guide/html/content_editable/index.html')
| -rw-r--r-- | files/pt-br/web/guide/html/content_editable/index.html | 57 |
1 files changed, 57 insertions, 0 deletions
diff --git a/files/pt-br/web/guide/html/content_editable/index.html b/files/pt-br/web/guide/html/content_editable/index.html new file mode 100644 index 0000000000..ed2a588e47 --- /dev/null +++ b/files/pt-br/web/guide/html/content_editable/index.html @@ -0,0 +1,57 @@ +--- +title: Content Editable +slug: Web/Guide/HTML/Content_Editable +translation_of: Web/Guide/HTML/Editable_content +--- +<p><span class="seoSummary">No HTML5 qualquer elemento pode ser editado. Usando alguns eventos de JavaScript podemos transformar sua web page em um editor de texto completo e rápido. Este artigo fornece algumas informações sobre esta funcionalidade.</span></p> + +<h2 id="Compatibilidade">Compatibilidade</h2> + +<p>Conteúdo editável é totalmente compatível com os seguintes browsers.</p> + +<ul> + <li>Firefox 3.5+</li> + <li>Firefox for Android 19+</li> + <li>Chrome 4.0+</li> + <li>Internet Explorer 5.5+ *</li> + <li>Safari 3.1+</li> + <li>Opera 9+</li> + <li>iOS Safari 5.0+</li> + <li>Android Browser 3.0+</li> + <li>Opera Mobile 12.1+</li> + <li>Chrome for Android 25+</li> +</ul> + +<p>Ainda não é suportato pelo Opera Mini.</p> + +<div class="note"> +<p>*A maioria dos elementos HTML não suporta esta funcionalidade</p> +</div> + +<h2 id="Como_isso_funciona">Como isso funciona?</h2> + +<p>Defina o atributo {{DOMXRef("HTMLElement.contentEditable", "contentEditable")}} para <code>true</code> no seu elemento HTML. Isto pode ser usado na maioria dos elementos HTML.</p> + +<h2 id="Exemplos">Exemplos</h2> + +<p>Um exemplo simples:</p> + +<pre><!DOCTYPE html> +<html> + <body> + <div contentEditable="true"> + Este conteúdo pode ser editado. + </div> + </body> +</html> </pre> + +<p>Você pode ver o exemplo funcionando com com uma integração de JavaScript utilizando LocalStorage <a class="external" href="http://html5demos.com/contenteditable" title="http://html5demos.com/contenteditable">aqui</a>. Com a fonte <a href="http://html5demos.com/contenteditable#view-source">aqui</a>.</p> + +<h2 id="Veja_também">Veja também</h2> + +<pre class="code">user_pref("capability.policy.policynames", "allowclipboard"); +user_pref("capability.policy.allowclipboard.sites", "https://www.mozilla.org"); +user_pref("capability.policy.allowclipboard.Clipboard.cutcopy", "allAccess"); +user_pref("capability.policy.allowclipboard.Clipboard.paste", "allAccess");</pre> + +<p><a href="/en/Midas" title="en/Midas">Como interagir com o conteúdo </a> (Antiga API do IE) <a href="/en/Rich-Text_Editing_in_Mozilla" title="en/rich-text editing in mozilla">aqui</a></p> |