syntax-highlighting - 用于输出 SVG 或 Autosize 文本的 React 代码编辑器/高亮器

Question

我想输出突出显示的代码，其中突出显示的文本会根据父元素的尺寸自动调整大小。我能想到的有3个解决方案

• 做一些数学运算并计算行号并输出相对于父元素的字体大小。
• 将突出显示的代码输出为 SVG，然后调整 SVG 的大小。
• 有一些 Auto Magic 解决方案来自动调整文本大小。

谁能指出我的任何方向？我现在正在使用 react-syntax-highlighter。