Cómo detectar si el navegador admite el valor "solo texto" en el parámetro contenteditable?

Question

No se encuentra ninguna información relevante sobre el parámetro HTML5 "contenteditable". Me he dado cuenta, de que Google Plus está usando esto para navegadores Chrome:

<div contenteditable="plaintext-only"></div> 

Parece que no hay otros navegadores soportan esto y es sólo Chrome valor de propiedad. Quiero usarlo en mi proyecto Sin embargo, necesito detectar el navegador y averiguar si admite la configuración de "texto simple".

Por supuesto, solo pude detectar Chrome, pero podría haber otros navegadores que lo admitan (no sé de ninguno en este momento) u otros navegadores principales podrían comenzar a admitir esta característica en el futuro.

Por lo tanto, prefiero detectar si se admite la funcionalidad de "solo texto simple" que detectar sólo el navegador Chrome.

¿Alguien puede ayudarme en esto?

Answer 1

Parece ser una característica webkit-only. El spec sólo permite "verdadero", "falso" y "heredar" como posibles valores para el atributo

Un bug se ha presentado para añadir soporte para texto plano con la especificación de edición, pero es curioso que la petición es para "texto plano "en lugar de" texto simple ".

Editar: Este código se puede utilizar para detectar el soporte. Demo:

function supportsPlainText() 
{ 
    var d = document.createElement("div"); 
    try { 
     d.contentEditable="PLAINtext-onLY"; 
    } catch(e) { 
     return false; 
    } 
    return d.contentEditable=="plaintext-only"; 
} 

alert(supportsPlainText()); 

Pero recuerda que haciendo páginas específicas del navegador que es lo que nos liderado al problema IE6.

Answer 2

Aquí es una alternativa si usted prefiere no dependen de la captura de excepciones para detectar características:

function supportsPlaintextEditables() { 
    var div = document.createElement('div'); 
    div.setAttribute('contenteditable', 'PLAINTEXT-ONLY'); 

    return div.contentEditable === 'plaintext-only'; 
} 

console.log(supportsPlaintextEditables); 
//-> true/false 

Esto funciona porque establece el valor en el atributo en lugar de la propiedad no va a lanzar una excepción SyntaxError si 'plaintext-only' es una valor no válido, en su lugar, establecerá el valor de la propiedad en el valor predeterminado, 'inherit'.

Cómo recuperar la propiedad después de ajustar los resultados de atributo en una cadena entubado inferior, por lo que establecer el valor del atributo a 'PLAINTEXT-ONLY' dará lugar a una propiedad con el valor 'plaintext-only' (apoyado/true) o 'inherit' (no soportado/falso).