Как сделать contentEditable работу в iOS 5/iOS 6

В настоящее время я работаю над contenteditable iframe, который до сих пор отлично работает во всех браузерах, кроме мобильного Safari. Я использую iOS 5.1.1. Эта проблема воспроизводится в любой версии iOS, которая поддерживает contentEditable до последней версии.

Проблема заключается в следующем: Когда вы нажимаете на него, контент правильно фокусируется, вы можете перемещать курсор и все, однако, как только вы применяете к нему действие, происходит следующее: Фокус все еще находится в iframe, и вы можете видеть курсор, однако он не отвечает на keydown, как это делалось ранее. Ничего не происходит, даже если я перемещаю курсор и все еще пытаюсь ввести что-либо внутри.

Вот пример того, что происходит: http://www.quirksmode.org/dom/execCommand/

Если вы фокусируете iframe в любом месте содержимого и говорите, что вы применяете выравнивание по вертикали. Содержимое правильно выровнено вправо, но если вы попытаетесь ввести какие-либо дополнительные символы, вы увидите, что блокировки ui, но не появляются новые символы внутри курсора. Если вы попытаетесь применить другую команду, она все равно будет работать.

Есть ли у кого-нибудь представление о том, как я могу это решить?

Ответы

var iframe = document.getElementById ('the iframe Id ') ;
var doc = iframe.contentDocument || iframe.contentWindow.document;
doc.designMode = "on";