在离子iOS应用程序中无法编辑的Contenteditable div

时间:2017-11-11 07:12:33

标签: ionic-framework contenteditable wkwebview

我正在尝试在Ionic应用程序中使用emojis创建一个文本输入,使用一个contenteditable div。当我提供应用程序时,它在浏览器中工作正常,但当我在iOS模拟器或iPhone上运行应用程序时,div不可编辑。 div是可见的,如果我单击它,键盘会出现,但没有光标。如果我输入,div中没有​​任何反应。

<div contenteditable="true">Some text</div>

我怀疑这与WKWebView有关,但不确定为什么这在Safari中有效,但在应用程序中无效。是否需要启用某些功能才能使其正常工作?

2 个答案:

答案 0 :(得分:2)

问题出在webkit上。我需要在CSS中为可编辑div更改用户选择选项为自动:

-webkit-user-select: auto;

答案 1 :(得分:1)

对于我来说,我不得不使用

user-select: text;