重现问题:
使用 Visual Studio 2015 Community RC 或 Visual Studio 2013 Community Update 4 和 Tools for 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>
在images文件夹中添加一张图片1.jpg。
在 Debug模式或 Release模式下将应用程序部署到 Android 版本从 4.1.x 到 4.4.x 的任何 Android 手机
应用在手机中运行后,点击“添加图片”按钮两次。
现在将光标移动到最后一张图像的末尾,然后按软键盘中的退格键两次。
预期结果:删除了 2 张图像。
实际结果:
Android 4.1.2(Samsung Note 2)或4.2.1(国产“ZOPO”品牌手机):只去掉最后一张图,第一张图再多也去掉不了按下 BACKSPACE 的次数。
Android 4.4.2(三星Note 3或其他国产“Nubia”品牌手机):去掉字母4,再去掉字母3。 无论如何都不能删除图片。
这个问题的目的:
我想使用 VS 2015 Cordova 开发一个类似“Whatsapp”的聊天应用程序,消息包含文本和图像,用户应该能够在消息发送前编辑消息。
现在,由于这种奇怪的行为,用户无法删除添加的任何图像,我该怎么办?
PS:如果我在IIS中托管index.html,在PC桌面浏览器或上述手机中的任何浏览器中打开index.html,图像都可以正常删除。
这个问题真的很重要,如果解决不了,就意味着Visual Studio Cordova 没有能力开发任何带有富文本编辑器的应用程序。 (或者是否有任何其他 INPUT 类型可用于替换 contenteditable div?)
最佳答案
查看我对您在 MSDN 上打开的问题的回复。
我觉得不是cordova的问题,而是android的web浏览器或者软键盘的问题。
如果我在图像后添加更多字符以帮助定位光标,我可以正确删除图像。至少,它现在可以成为您的解决方法。
关于android - Visual Studio 2015 Community RC Cordova 无法删除 contenteditable div 中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30415395/