0

离子框架 (v 1.3) 正在干扰contenteditable = 'true'DIV。据我所知，它阻止了我的点击和拖动事件正确传播，这（在我的情况下）阻止了我使用几乎任何所见即所得的文本编辑器。

我无法将光标聚焦在contenteditableDIV 中，也无法从中选择文本。当我使用 Trix 编辑器（也使用它）时，我可以获得初始焦点，但无法将光标放在任何地方或选择任何文本。

有没有办法在这里覆盖 Ionic 的行为？

我在这里创建了一个 Plunker，其中有两个窗格来演示基本contenteditable问题和与 Trix 编辑器结合使用的问题。

示范用法：

<ion-view title="ContentEditable Example">
  <ion-content class="has-header padding">
    <div contenteditable="true" style="user-select: all; -webkit-user-select: all;">
      <p>ContentEditable Text. This is a DIV with contenteditable set to true, AND user-select set to all. Note how you cannot click and edit the text!</p>
    </div>
  </ion-content>
</ion-view>
4

1 回答 1

1

我找到了一个可以contenteditable在 Ionic 中使用 div 和 Trix 编辑器的解决方案。我将这个类应用于 CSS 并且现在没有遇到任何问题，无论是在浏览器中还是在真实设备上进行测试：

.editable{
    user-select: text; 
    -webkit-user-select: text; 
    pointer-events: all !important; 
    -webkit-user-modify:read-write !important;
}
于 2017-11-15T21:54:20.053 回答