Редактор кода / выделитель для React, который выводит SVG или текст с автоматическим изменением размера
Я хочу вывести выделенный код, в котором выделенный текст автоматически масштабируется в зависимости от размеров родительского элемента. Что я могу придумать, есть 3 решения
- Выполните математические вычисления, посчитайте номера строк и выведите размер шрифта относительно родительского элемента.
- Выведите выделенный код как SVG, а затем просто измените размер SVG.
- Есть какое-нибудь решение Auto Magic для автоматического изменения размера текста.
Может ли кто-нибудь указать мне в любом направлении? Сейчас я использую подсветку синтаксиса реакции.