0

Draft.js在一个React.js项目中使用。编辑器在桌面浏览器(Chrome、Firefox、IE、Edge...)上运行良好,但我在 Android 设备上遇到问题。

在编辑器中输入第一个单词并按空格键(在软键盘上)后,编辑器失去焦点,如果我想继续在编辑器中输入,我将不得不再次触摸那里。

这是非常糟糕的用户体验。编辑器Draft.js设置没有什么特别之处,就像他们的例子一样。

任何人都有同样的问题并有解决方法吗?

4

2 回答 2

2

我们通过禁用contenteditablediv 的自动更正解决了这个问题,如下所示:

componentDidMount = () => {
  $('.DraftEditor-editorContainer div').attr('autocomplete', 'off').attr('autocorrect', 'off').attr('autocapitalize', 'off')
}

可能有一种方法可以不用 jQuery,但是我们已经在这个问题上浪费了很多时间,这是一个简单的解决方案。:)

更新

我已经提交了一个为我解决问题的拉取请求。希望其他人觉得它有用。这使我能够保持启用自动更正。我将此 PR 中的更改应用于 Draft-js 存储库的 v0.10.0 标记,而不是master.

于 2017-02-01T20:13:48.477 回答
1

以下似乎适用于draft-js@0.10.1

<Editor 
  autoCapitalize={'none'}
  autoComplete={'off'} 
  autoCorrect={'off'} 
  spellCheck={false} ... />
于 2017-07-04T16:18:21.587 回答