ionic2 contenteditable div 在 iOS 设备上不工作

Question

我正在使用内容可编辑 div 元素作为 ionic2 应用程序的输入字段。它在浏览器和 android 设备上完美运行，但在 ios 设备上运行。

<div class="textarea" contenteditable="true" data-placeholder="Add emails"></div>

.ie-textarea {
    font-size:      fonts(ft-med) + .2;
    white-space:    normal;
    word-wrap:      break-word;
    min-height:     50px;
}

.ie-textarea:empty:before {
    content:    attr(data-placeholder);
    display:    block;
    color:      clr(grey-light);
}

Answer 1

在您的 css

中添加此样式

.textarea,
[contenteditable] {
    -webkit-user-select: text;
    user-select: text;
}

ionic2 contenteditable div 在 iOS 设备上不工作

ionic2 contenteditable div not working in iOS devices

html

ionic2

angular