Contenteditable div在离子iOS应用程序中不可编辑

Posted 2023-02-24

【中文标题】Contenteditable div在离子iOS应用程序中不可编辑

【英文标题】：Contenteditable div not editable in ionic iOS app

【发布时间】：2017-11-11 07:12:33

【问题描述】：

我正在尝试使用 contenteditable div 在 Ionic 应用程序中创建带有表情符号的文本输入。当我提供应用程序时，它在浏览器中运行良好，但是当我在 ios 模拟器或 iPhone 上运行应用程序时，div 不可编辑。 div 是可见的，如果我点击它，键盘会出现，但没有光标。如果我键入，则 div 中不会发生任何事情。

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

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

【问题讨论】：

我尝试过使用 UIWebView，按照here 的说明进行操作，但遇到了同样的问题。

【参考方案1】：

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

-webkit-user-select: auto;

【讨论】：

如果它解决了您的问题，您可能会接受答案。

【参考方案2】：

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

user-select: text;