3

我在 editorState 上做了一些棘手的状态突变，我失去了选择。

我需要获取 currentText()，使用一些魔术库转换为 HTML 并将其转换回 editorState。这很好用，只是选择太难了。

现在，我试图在第一次开始时进行选择，然后执行 a forceSelection，但失败并出现一些与selection.hasFocus()（似乎并不真正相关......）相关的错误。

我猜我需要根据锚点和偏移量计算“新”选择，但不太确定，有什么想法吗？

现在我的代码看起来像：

// onChangeHandler:

const currentContentState = editorState.getCurrentContent()
const selectionState = editorState.getSelection()

const plainHtml = magicOperation(currentContentState.getPlainText())

const currentContentBlocks = convertFromHTML(plainHtml)
const contentState = ContentState.createFromBlockArray(currentContentBlocks)

const newEditorState = EditorState.createWithContent(contentState)

this.setState({
  editorState: EditorState.forceSelection(
    newEditorState,
    selectionState
  )
})

是一个 hack，我知道我只是在玩 DraftJS 如果我能做到这一点，如果我让它工作顺利，我肯定会使用装饰器在 editorState 中添加 HTML。

谢谢你的时间！

4

1 回答 1

3

selectionState包含块键（ anchorKey &focusKey）。键更改了，因为您替换了整个块。您需要做的是从偏移量中找到键并将其设置为新的 selectionState，然后再将其应用于新的 editorState。

我很有趣为什么您需要将纯文本转换为 html 并返回。

于 2016-08-04T03:03:00.783 回答