Как удалить многоточие, установленное браузером по умолчанию?

Question

Мне было поручено отобразить файлы, размещенные на веб-сервере (jekyll), через веб-страницу с использованием iframe. Iframe перечисляет все файлы. Хотя вид не такой красивый, как встроенная ссылка на Google Диске.

Однако есть две основные проблемы:

1. Имена файлов усекаются - «abc ...», и в браузере я вижу эллипсы и не могу изменить это.
2. Все pdf-файлы загружаются, а не открываются в новой вкладке, что было бы возможно через встраивание ссылки Gdrive (идея состоит в том, чтобы переместить файлы в статическую папку на веб-сервере вместо 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

Использование может использовать плагин каталога https://github.com/sillylogger/jekyll-directory для отображения файлов в вашей статической папке. Это дает полные имена файлов, и это лучше, чем использование iframes. По умолчанию ваш браузер Chrome отображает изображения PDF и JPG на новой вкладке, а не загружает их. Просто позаботься о плохих URL. Чтобы получить дату последнего изменения, используйте файл 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}}

Answer 2

Установите опцию ниже для вашего vhost-файла, если вы используете Apache

IndexOptions NameWidth=*

Ссылка: https://www.networkworld.com/article/2311687/showing-long-file-names-in-apache-directory-listings.html