使用自定义语法重构可编辑文本组件突出显示支持

Question

晚上好，

我的React项目需要一个可编辑的类似textarea的组件，它支持自定义语法高亮，最好是使用CSON和CSS。我一直在搜索它。我终于放弃了，决定在这里问。有谁知道任何可用于此的可靠库？

非常感谢任何帮助！

编辑：当我深入研究这个主题时，我开始明白这个问题包含几个部分。

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

Answer 1

我能够使用npm包react-syntax-highlight来实现这一目标。看一下，看看它是否有帮助！

Answer 2

这是事后发现的方式，但是对于任何对此绊脚石的人来说，https://github.com/satya164/react-simple-code-editor是一个很好的简便选择。