html代码高亮带行号,代码高亮 以及每一行都有一个行号

我想在我的 rails app 里面展示一段代码,因此找了一次插件,比如 hightlight, coderay,syntaxhighter, prettify 等等,然后结合 redcarpet 使用。在实现代码高亮的这个问题上都没有问题,

但是现在的问题是我想为这些代码添加行号,而上面说的几个插件在展示行号的是将行号和代码内容进行了左右分区,也就是说,所有的代码都是在一个一个的里面,代码的那一块没有区分行的标志,

我找到几个是 html 代码是这样的

1

...... # 这一块都是行号

n

def

...... #这里是 所有的代码按照语言进行高亮

end

但是我想要的是这样的的几个都是这样的

1 #这里显示行号

def

..... #这里指展示这一行的代码

end

.....

n #这里显示行号

def

..... #这里指展示这一行的代码

end

然后我看到了 rouge 这个插件,看到他的 readme 里面这样写

Rouge::Formatters::HTMLLinewise.new(formatter, class_format: 'line-%i') This formatter will split your code into lines, each contained in its own div. The class_format option will be used to add a class name to the div, given the line number.

那么这个 formatter 应该如何构造呢?

谢谢大家了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值