Спектакль-код-слайд не выделяет строки кода - PullRequest
Новая
       19

Спектакль-код-слайд не выделяет строки кода

0 голосов
/ 13 декабря 2018

Используя текущую spectacle boilerplate (5.2.2) с spectacle-code-slide, все работает нормально, пока не перемещается по коду внутри элемента CodeSlide. 

<CodeSlide
        transition={[]}
        lang="js"
        bgColor="secondary"
        code={require("raw-loader!../assets/code.example")}
        ranges={[
          { loc: [0, 270], title: "Walking through some code" },
          { loc: [0, 1], title: "The Beginning" },
          { loc: [1, 2] },
          { loc: [1, 2], note: "Heres a note!" },
          { loc: [2, 3] },
          { loc: [8, 10] },
        ]}/>

Вот результат, который я получаю CodeSlideResult

Глядя на учебник из GitHub Spectal-Code-Slide, кажется, что это способ сделать это (если я где-то не ошибаюсь) и способ сделать Prism (который являетсяиспользуется CodeSlide для подсветки) чтобы понять целевой язык, задав свойство lang="".

Вот вопрос: кто-нибудь умудрился заставить компонент CodeSlide правильно работать с текущей версией эталонного образца?

1 Ответ

0 голосов
/ 19 февраля 2019

Не уверен, что вы выяснили, как это исправить или нет, хотя вам нужно включить какой-то CSS из Prism. Это ссылка на темы .Если вы добавите тему отсюда в свой код, она должна работать нормально.Не стесняйтесь добавлять в другой цвет фона, хотя по мере необходимости.

...