如何做一个能使代码段高亮的富文本输入框

需求：react项目中需要支持输入框里输入代码段。返回给后端字符串。
问题：目前用的ant design 的 TextArea，过于丑陋。想做成类似 csdn里的代码段可以让输入框里的文本高亮，跟编辑器一样的感觉。需要用什么技术或插件。

Monaco Editor
codemirror
https://blog.csdn.net/coldbao/article/details/115732708
https://www.cnblogs.com/qing1224/p/16628272.html