Question

重新生成问题：

使用Visual Studio 2015社区RC或Visual Studio 2013社区更新4以及用于Apache Cordova CTP 3.1的工具创建新的Javascript Cordova项目

在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>

在图像文件夹中添加图像1.jpg。
在调试模式或发布模式下使用Android版本从4.1.x到4.4.x在任何Android手机中部署应用程序
在移动电话中运行应用后，点击＆＃34;添加图片＆＃34;按钮两次次。
现在将光标移动到最后一个图像的末尾，并在软键盘两次中按PRESS BACKSPACE。

预期结果：删除了2张图片。

实际结果：

Android 4.1.2（三星Note 2）或4.2.1（手机品牌＆＃34; ZOPO＆＃34;中国制造）：仅删除最后一张图片，第一张图片不能无论按下BACKSPACE多少次都会删除。

Android 4.4.2（Samsung Note 3或其他手机品牌＆＃34; Nubia＆＃34;中国制造）：字母4被删除，然后字母3被删除。 无法删除图像。

此问题的目的：

我想开发一个＆＃34; Whatsapp＆＃34;就像使用VS 2015 Cordova的聊天应用程序一样，该消息包含文本和图像，用户应该能够在发送消息之前编辑消息。

现在，由于这种奇怪的行为，用户无法删除任何添加的图像，我该怎么办？

PS：如果我在IIS中托管index.html，并在PC桌面浏览器或上述手机中的任何浏览器中打开index.html，则可以按预期删除图像。

这个问题非常重要，如果无法解决，则意味着Visual Studio Cordova无法使用富文本编辑器开发任何应用程序。（或者是否有任何其他INPUT类型可用于替换可信的div？）

Answer 1

检查我在MSDN上打开的问题的回复。

Your MSDN question link

我认为这不是一个cordova问题，而是一个Android的网络浏览器问题或软键盘问题。

如果我在图像后添加更多字符以帮助定位光标，我可以正确删除图像。至少，它现在可以为你解决。

Visual Studio 2015社区RC Cordova无法删除contenteditable div中的图像

1 个答案: