用 Draft.js 拼写 *更正*？答案

【问题标题】：Spelling *correction* with draft.js?用 Draft.js 拼写 *更正*？
【发布时间】：2018-02-26 00:52:00
【问题描述】：

我正在使用 Draft.js（和 Electron）。我已经设置了我的自定义拼写检查器，它的工作原理是在执行“webFrame.setSpellCheckProvider(...)”之后，我的草稿编辑器正在更正显示拼写错误的单词。同时，我也在计算一个拼写错误的单词的可能替换列表，但 Draft.js API 文档没有提到如何实际进行更正。我知道有几个 npm 模块声称可以处理这个问题，但我想了解如何“从头开始”做到这一点。任何建议将不胜感激！

【问题讨论】：

标签： reactjs draftjs

【解决方案1】：

如果您确定了要修复的拼写错误，它将由一个块键标识，该块键具有给定块中的开始和结束位置。

然后你需要使用 Draft.js 中的 Modifier 组件替换文本：

EditorState.push(
  editorState,
  Modifier.replaceText(
    editorState.getCurrentContent(),
    SelectionState.createEmpty(blockKey).merge({ anchorOffset: start, focusOffset: end}),
    theCorrectedPhrase
  )
)

【讨论】：