【问题标题】:How to use SyntaxHighlighter for inline code如何使用 SyntaxHighlighter 进行内联代码
【发布时间】:2014-01-14 08:59:38
【问题描述】:

我在我的网站上使用Syntax Highlighter。但是如何将它用于内联代码?我的意思是当我将它用于内联代码时,它仍然显示行号1,我想删除它,因为显示内联代码的行号是没有意义的

我想要

"这是java打印代码System.out.println("Hello");"

而不是

"这是java打印代码1 |System.out.println("Hello");"

(注意第二种情况的行号)

我在谷歌上搜索过,但没有成功。

【问题讨论】:

    标签: css syntax-highlighting syntaxhighlighter


    【解决方案1】:

    有一个开启/关闭行号的配置: 设置 gutter 属性允许您打开和关闭带有行号的 gutter。 这里是reference,这里是DEMO

    【讨论】:

    • 但是该元素仍然获得整行而不是与其他文本成一行。我认为这是因为<pre>所以我尝试使用pre {style:inline;}使其内联但没有效果。我怎么能这样做?
    • @InsaneCoder 抱歉,似乎很难实现你想要的。因为“Syntax Highlighter”改变了原来的DOM结构。我试过像“

      ...

      code here...
      ”这样的代码,但最终dom就像“

      . ..

      ...

      code here
      ”,所以在这种情况下,实现内联代码意味着我们真的需要弄清楚它如何转换 dom 并对其进行破解。
    猜你喜欢
    • 1970-01-01
    • 2012-11-13
    • 2014-02-15
    • 2021-05-16
    • 1970-01-01
    • 2014-08-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多