Как определить, поддерживает ли браузер значение «только для открытого текста» в параметре contenteditable?

Question

Я не могу найти релевантную информацию о параметре «contenteditable» HTML5. Я узнал, что Google Plus использует это для Chrome браузеров:

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

кажется, что никакие другие браузеры не поддерживают это, и это только Chrome проприетарный значение. Я хочу использовать его в своем проекте. Тем не менее, мне нужно обнаружить браузер и узнать, поддерживает ли он настройку только «plaintext-only».

Конечно, я мог обнаружить только Chrome, но могут быть другие браузеры, которые его поддерживают (в настоящий момент я не знаю никого), или другие браузеры основного потока могут начать поддержку этой функции в будущем.

Так что я бы предпочел, если функция «только для открытого текста» поддерживается, чем обнаружение только браузера Chrome.

Любой может мне помочь?

Answer 1

Кажется, что есть функция webkit-only. spec позволяет только «истинные», «ложные» и «наследовать» как возможные значения для атрибута

bug был добавлен для добавления поддержки текстового текста в спецификацию редактирования, но смешно, "вместо" plaintext-only ".

Редактировать: Этот код может быть использован для обнаружения опоры. Demo:

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

alert(supportsPlainText()); 

Но помните, что делать страницы для разных браузеров это то, что привело нас к проблеме IE6.

Answer 2

Вот альтернатива, если вы предпочитаете не полагаться на перехват исключений для выявления особенностей:

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

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

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

Это работает потому, что установив значение атрибута вместо свойства не будет бросать исключение SyntaxError если 'plaintext-only' является недопустимое значение, вместо этого оно установит значение свойства по умолчанию, 'inherit'.

Получение свойства после настройки результатов атрибутов в нижнем регистре строки, таким образом устанавливая значение атрибута 'PLAINTEXT-ONLY' приведет к свойству со значением 'plaintext-only' (поддерживается/истина) или 'inherit' (не поддерживается/ложь).