文本区域中没有带有“内联建议和预览”的 React JS 自动完成功能？如何实施

Question

React JS 在文本区域中使用“内联建议和预览”自动完成

就像 github copilot 在 Vscode 中所做的那样

我想构建一个基于简单语言模型的对话文本完成 所以多重选择内联完成就像 https://www.npmjs.com/package/@webscopeio/react-textarea-autocomplete

确实没用

我想要的是一个带有建议支持的纯文本区域

我想要的是 REAL INLINE 只是与输入透明连接的文本，就像 Co-Pilot 一样 我发现react-inline-autocomplete分叉它并更新版本控制 真的很好很好啊！几乎满足我的需求但是 https://github.com/HRNPH/react-inline-autocomplete

示例如下：https://kyuch4n.github.io/react-inline-autocomplete/

它并没有真正使用“文本区域”，而是使用“输入”，因此这适用于表单数据 但不适用于长内容，例如文章或类似内容

有替代方案吗？或者我如何在 TextArea 中实现相同的行为？

Answer 1

我刚刚发布了一个 React 包，它完全可以满足您的需求：https://github.com/agdhruv/react-ghost-text。演示：

您可以导入此组件并在您的 React 应用程序中轻松使用它。希望你喜欢！