Я пытался создать фрагмент кода на моем веб-сайте на визуализированном текстовом редакторе с использованием react-syntax-highlighter. Я провел некоторое время, используя этот плагин и люблю его, однако я столкнулся с проблемой, на которую я не могу найти ответа. Я хочу изменить некоторые цвета сгенерированного кода, но не могу найти какой -либо другой способ сделать это, кроме как использовать их выбор по умолчанию. Они позволяют вам применять стили на фон и код, но не пролеты, которые содержат цвета, есть ли какой -либо простой способ создания и применения пользовательской темы или просто нацеливаться на конкретные классы и изменить их цвета? < /P>
Код: Выделить всё
import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
import { atomDark } from "react-syntax-highlighter/dist/esm/styles/prism";
const CodeDisplay = ({ active }) => {
const templateString = `
const NewObject = New Shop(
console.log('shop');
)
`
return (
{templateString}
);
};
Выходная экрана
Подробнее здесь:
https://stackoverflow.com/questions/660 ... ighlighter