android - Visual Studio 2015 Community RC Cordova 无法删除 contenteditable div 中的图像

标签 android cordova contenteditable visual-studio-cordova backspace

重现问题:

  1. 使用 Visual Studio 2015 Community RC 或 Visual Studio 2013 Community Update 4 和 Tools for Apache Cordova CTP 3.1 创建一个新的 Javascript Cordova 项目

  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. 在images文件夹中添加一张图片1.jpg。

  4. 在 Debug模式或 Release模式下将应用程序部署到 Android 版本从 4.1.x 到 4.4.x 的任何 Android 手机

  5. 应用在手机中运行后,点击“添加图片”按钮两次

  6. 现在将光标移动到最后一张图像的末尾,然后按软键盘中的退格键两次

预期结果:删除了 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 上打开的问题的回复。

Your MSDN question link

我觉得不是cordova的问题,而是android的web浏览器或者软键盘的问题。

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

关于android - Visual Studio 2015 Community RC Cordova 无法删除 contenteditable div 中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30415395/

相关文章:

javascript - Phonegap/Cordova - 媒体 api - 从 URL 播放音频时,UI 卡住几秒钟

java - void cv::cvtColor(cv::InputArray Android) 断言失败(scn == 3 || scn == 4)

javascript - 为 Android 和 iPhone 应用不同的样式表

Android读取手机代理设置

android - 使用 PhoneGap/Cordova 为 Android 构建时,在 Mac OS X 10.9 Mavericks 上执行命令 'ant' 时出错

javascript - "Angular Way"从 Controller 触发内容可编辑控制?

javascript - 对于所见即所得编辑器,在 div 上使用 contenteditable 有多可靠?

javascript - 如何使用 contenteditable=true 使这个 div 在 firefox 上不能调整大小和拖动

android - adb 没有看到电话设备 (Galaxy Apollo)

android - 高程阴影被剪裁