Question

我被赋予了一项任务，即使用iframe通过网页显示托管在网络服务器（jekyll）上的文件。 iframe会列出所有文件。尽管视图不像嵌入式Google云端硬盘链接那么漂亮。

但是，这有两个主要问题：

文件名被截断-“ abc ...”，在浏览器上看到省略号，但我无法将其取反。
所有pdf文件都将被下载，而不是在新选项卡中打开，这可以通过嵌入Gdrive链接来实现（该想法是将文件移动到Web服务器上的静态文件夹而不是Gdrive上）

我阅读了大多数文章。即使第二个问题不能解决，我也有兴趣学习如何解决第一个问题。

我可以像这样注入自己的CSS：

<script>
$( document ).ready(function() {
  $('iframe').each(function(){
    console.log("here");
    function injectCSS(){
        $iframe.contents().find('head').append(
            $('<link/>', { rel: 'stylesheet', href: '{{ site.col_url}}/static/xyz/xyz.css', type: 'text/css' })
        );
    }

    var $iframe = $(this);
    $iframe.on('load', injectCSS);
    injectCSS();
});
});
</script>

我想在我的网页上看到完整的文件名。我不允许使用脚本语言，因为整个系统都是以Markdown格式构建的

Answer 1

如果您使用的是Apache，请在您的vhost文件上设置以下选项

IndexOptions NameWidth=*

参考：https://www.networkworld.com/article/2311687/showing-long-file-names-in-apache-directory-listings.html

Answer 2

使用可以使用目录插件https://github.com/sillylogger/jekyll-directory来显示静态文件夹中的文件。这样可以提供完整的文件名，并且比使用iframe更好。默认情况下，您的Chrome浏览器会在新标签页中呈现pdf和jpg图片，而不是下载它们。只是照顾坏网址。要获取最后修改日期，请使用gem文件https://github.com/gjtorikian/jekyll-last-modified-at

您的代码如下：

{% directory path: <provide a path to your static folder> %}
   <a href="<static_path>/{{ file.name }}" datetime="{{ file.date | 
    date_to_xmlschema }}">{{ file.name }}</a>
{% enddirectory %}

另外，要获取最后修改日期：

上次修改日期：{{page.last_modified_at | date_to_string}}

默认情况下如何删除浏览器设置的省略号？

2 个答案: