Сообщество Visual Studio 2015 RC Cordova не может удалить изображение в div contenteditable

Чтобы восстановить проблему:

  1. создать новый проект Javascript Cordova с Visual Studio 2015 Community RC или Visual Studio 2013 Community Update 4 с инструментами для Apache Cordova CTP 3.1

  2. Замените следующий код в index.html

    <html>
    <head>
        <script type="text/javascript">
            function funAddImage() {
                divTest.innerHTML += '<img src="images/1.jpg" />'
            }
        </script>
    </head>
    <body>
        <div id="divTest" contenteditable="true">1234</div>
        <div>
            <input type="button" value="Add Image" onclick="funAddImage()"/>
        </div>
    </body>
    </html>
    
  3. Добавьте изображение 1.jpg в папку с изображениями.

  4. Разверните приложение на любом телефоне Android в режиме отладки или режиме выпуска с версией Android от 4.1.x до 4.4.x.

  5. После запуска приложения на мобильном телефоне нажмите кнопку "Добавить изображение" ДВА раза.

  6. Теперь переместите курсор в конец последнего изображения и НАЖМИТЕ BACKSPACE на экранной клавиатуре ДВА РАЗА.

Ожидаемый результат: 2 изображения удалены.

Фактический результат:

Android 4.1.2 (Samsung Note 2) или 4.2.1 (мобильный телефон с маркой ZOPO, сделанный в Китае): Удаляется только последнее изображение, первое изображение невозможно удалить независимо от того, сколько раз BACKSPACE нажимается.

Android 4.4.2 (Samsung Note 3 или другой мобильный телефон с маркой "Nubia" китайского производства): удаляется буква 4, затем удаляется буква 3. Изображения НЕЛЬЗЯ удалять любыми способами.

Цель этого вопроса:

Я хочу разработать приложение для чата «Whatsapp», используя VS 2015 Cordova, сообщение содержит текст и изображение, пользователи должны иметь возможность редактировать сообщение до его отправки.

Теперь из-за этого странного поведения пользователи не могут удалить добавленные изображения, что мне делать?

PS: если я размещу index.html в IIS и открою index.html в браузере настольного ПК или в любом браузере на мобильных телефонах, упомянутых выше, изображения могут быть удалены, как и ожидалось.

Эта проблема действительно важна, если ее нельзя решить, это означает, что Visual Studio Cordova не способна разрабатывать какие-либо приложения с помощью редактора форматированного текста. (Или есть ли какой-либо другой тип INPUT, который я могу использовать для замены contenteditable div?)


person Kenneth Li    schedule 23.05.2015    source источник


Ответы (1)


Проверьте мои ответы на ваш вопрос, открытый в MSDN.

ссылка на ваш вопрос в MSDN

Я не думаю, что это проблема кордовы, а проблема веб-браузера Android или проблема с программной клавиатурой.

Если я добавлю еще несколько символов после изображения, чтобы помочь найти курсор, я смогу правильно удалить изображение. По крайней мере, теперь это может быть обходным путем для вас.

person Alan Yao - MSFT    schedule 25.05.2015
comment
Привет, Алан, спасибо за помощь, я уже ответил в MSDN, пожалуйста. Проверь это. - person Kenneth Li; 26.05.2015