如何在 Draft.js 中以绝对文本 position 装饰文本

Question

我试图在全文中突出显示出现在特定的已知 position 的字符串。 有一个 API 返回字符串的准确、绝对开始和结束 position。

到目前为止，我已经设法使用CompositeDecorator使用正则表达式策略突出显示字符串，但我需要使用这些坐标，因为正则表达式不够准确（我已经知道文本中的 position）。

然而，虽然该策略提供的回调确实将目标文本的开始和结束坐标作为 arguments，但这些似乎与当前contentBlock相关。 相反，我手头的坐标是绝对的（或者：相对于编辑器中的所有文本）。

我试图看看contentState是否可以代替contentBlock有用，但还没有弄清楚它如何解决这个问题。

这是我当前仍在使用正则表达式策略的代码示例：

const findWithRegex = (words, contentBlock, callback, contentState) => {
    const text = contentBlock.getText();

    words.forEach(({ surface_form, ...rest }) => {
        const match = text.match(surface_form);

        if (match) {
            // HERE I would like to use known coordinates instead of
            // those coming from a regex match, which are relative to contentBlock
            callback(match.index, match.index + match[0].length, rest);
        }
    });
};

const createStrategy = (words = []) =>
    (contentBlock, callback, contentState) => findWithRegex(words, contentBlock, callback, contentState)

const createDecorator = words =>
    new CompositeDecoratorWithProps([{
        strategy: createStrategy(words),
        component: Decorated
    }]);

const init = {
    editorState: EditorState.createEmpty(createDecorator())
};