0

使用当前spectacle boilerplate (5.2.2)的 with 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] },
        ]}/>

这是我得到的结果 代码幻灯片结果

从 spectacle-code-slide 的 github 上查看教程，似乎这是这样做的方法（除非我在某处犯了错误）和制作 Prism 的方法（CodeSlide 使用它来突出显示）理解目标语言是通过设置lang=""属性。

这是一个问题：是否有人设法使 CodeSlide 组件与当前版本的 spectacle 样板正常工作？

4

1 回答 1

0

不确定您是否知道如何解决此问题，尽管您需要包含某种来自 Prism 的 CSS。这是主题的链接。如果你从这里添加一个主题到你的代码中，它应该可以正常工作。根据需要随意添加不同的背景颜色。

于 2019-02-19T06:48:38.093 回答