【问题标题】:Contenteditable div not editable in ionic iOS appContenteditable div在离子iOS应用程序中不可编辑
【发布时间】:2017-11-11 07:12:33
【问题描述】:

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

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

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

【问题讨论】:

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

标签: ionic-framework contenteditable wkwebview


【解决方案1】:

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

-webkit-user-select: auto;

【讨论】:

  • 如果它解决了您的问题,您可能会接受答案。
【解决方案2】:

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

user-select: text;

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-01-29
    • 1970-01-01
    相关资源
    最近更新 更多