android div中的Cordova / phonegap contenteditable无法删除图片

时间:2015-05-08 03:16:45

标签: android html cordova contenteditable backspace

使用Cordova / Phonegap构建一个包含以下简单html文件index.html

的Android应用程序
<html>
<body>
<div contenteditable="true>
12<img src="1.jpg" />34<img src="2.jpg" />
</div>
</body>
</html>

使用任何Android手机运行此Android应用程序,将光标放在div的末尾(即图像2.jpg后面),软键盘将自动打开。然后,按下软键盘上的“BACKSPACE”按钮。

预期结果:图像2.jpg被删除。

实际结果:删除了字母“4”。并且,无法删除div中的2个图像。

如果我使用任何桌面浏览器或手机中的任何浏览器运行这个简单的html,这个结果就像预期的那样。只有当它在Android应用程序的webview中运行时才会出现此问题。

对不起,我创造了这个新问题;我问了一个旧的,但没有人回复,可能是我的最后一个问题太复杂了,所以我创建了一个更容易理解的问题。

1 个答案:

答案 0 :(得分:1)

我尝试使用新的cordova应用程序并且它完美运行,我认为问题仅与您的html格式相关,您错过了 img 中的两个封闭标记以及 contenteditable =&#34; true ,请按照正确的html:

<html>
    <body>
        <div contenteditable="true">
            12 <img src="1.jpg"/> 34 <img src="2.jpg"/>
        </div>
    </body>
</html>

也许安装在手机上的安卓Chrome版本对html格式有更多的管理,不能识别图片标签。