Question

是否可以读取文件内容并在浏览器中逐行显示在轨道上的红宝石。它应该在播放视频时出现。

Answer 1

你的意思是在html页面中显示原始文件内容，如https://raw.github.com/intridea/oauth2/master/lib/oauth2.rb

并且每一行都用超链接包裹，如果你这么说，那就可能

使用js解决方案

   (function($) {
$.fn.typewriter = function() {
    this.each(function() {
        var $ele = $(this), str = $ele.html(), progress = 0;
        $ele.html('');
        var timer = setInterval(function() {
            var current = str.substr(progress, 1);
            if (current == '<') {
                progress = str.indexOf('>', progress) + 1;
            } else {
                progress++;
            }
            $ele.html(str.substring(0, progress) + (progress & 1 ? '_' : ''));
            if (progress >= str.length) {
                clearInterval(timer);
            }
        }, 75);
    });
    return this;
};
  })(jQuery);

在index.html.erb

  <body>
     <div id="code" style='display:none'>
       <%= File.open("#{full_path}").readlines.join("<br/>") %>
     </div>
     <script> $('#code'). typewriter() </script>
  </body>

你可以将你的css放在代码元素

上

逐行显示文件内容

1 个答案: