contenteditable

Esta tradução está incompleta. Ajude a traduzir este artigo em inglês

atributo global contenteditable é um atributo enumerado indicando se o elemento deve ser editável pelo usuário. Se assim for, o navegador modifica seu widget para permitir a edição.

O atributo deve ter um dos seguintes valores:

  • true ou uma string vazia, o que indica que o elemento é editável.
  • false, o que indica que o elemento não é editável.

Se o atributo for aplicado sem um valor, como <label contenteditable>Rótulo de Exemplo</label>, seu valor é tratado como uma string vazia.

Se esse atributo estiver faltando ou seu valor for inválido, seu valor é herdado de seu elemento pai: para que o elemento seja editável se seu pai for editável.

Observe que, embora seus valores permitidos incluam true e false, este atributo é um enumerado e não um Booleano.

Você pode definir a cor usada para desenhar a inserção de texto caret com a propriedade caret-color do CSS.

Especificações

Especificação Status Comentário
HTML Living Standard
The definition of 'contenteditable' in that specification.
Padrão em tempo real Nenhuma mudança na última instância, HTML 5.2
HTML 5.2
The definition of 'contenteditable' in that specification.
Recomendação Instância de HTML Living Standard, sem mudanças para HTML 5.1
HTML 5.1
The definition of 'contenteditable' in that specification.
Recomendação Instância de HTML Living Standard, sem mudanças para HTML5
HTML5
The definition of 'contenteditable' in that specification.
Recomendação Instância de HTML Living Standard, definição inicial.

Compatibilidade do navegador

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
contenteditableChrome Full support YesEdge Full support 12Firefox Full support 3IE Full support 5.5Opera Full support 9Safari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android Full support 4Opera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
contenteditable="caret"
Experimental
Chrome Full support YesEdge Full support ≤79Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support YesChrome Android Full support YesFirefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support Yes
contenteditable="events"
Experimental
Chrome Full support YesEdge Full support ≤79Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support YesChrome Android Full support YesFirefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support Yes
contenteditable="plaintext-only"
Experimental
Chrome Full support YesEdge Full support ≤79Firefox No support NoIE No support NoOpera Full support YesSafari Full support YesWebView Android Full support YesChrome Android Full support YesFirefox Android No support NoOpera Android Full support YesSafari iOS Full support YesSamsung Internet Android Full support Yes
contenteditable="typing"
Experimental
Chrome Full support YesEdge Full support ≤79Firefox No support NoIE No support NoOpera Full support YesSafari No support NoWebView Android Full support YesChrome Android Full support YesFirefox Android No support NoOpera Android Full support YesSafari iOS No support NoSamsung Internet Android Full support Yes

Legend

Full support  
Full support
No support  
No support
Experimental. Expect behavior to change in the future.
Experimental. Expect behavior to change in the future.

Veja também