具有自定义语法突出显示支持的 React 可编辑文本组件

Question

大家晚上好，

我的 React 项目需要一个可编辑的类似文本区域的组件，该组件支持自定义语法突出显示，最好使用 CSON 和 CSS。我已经寻找它很多年了。我最终放弃了，决定在这里问一下。有谁知道任何可靠的库可以用于此目的？

任何帮助将不胜感激！

编辑：随着我深入研究这个主题，我了解到这个问题由几个部分组成。

1. [主要是用这个完成的]使用 React创建contenteditable div组件。我使用了React 的contentEditable组件。
2. 找到一种方法来自定义 的外观div（如 React 将div的innerHTML 填充为String）
3. 找到一种方法来实现从 CSON 读取标签并为每个标签应用第二项的解析器。

Answer 1

这是事后发生的事情，但对于其他遇到这个问题的人来说，https://github.com/satya164/react-simple-code-editor是一个很好、简单的选择。