Jekyll преобразует теги <i>в теги <em> - PullRequest
0 голосов
/ 26 февраля 2019

Мы конвертируем существующий статический сайт в Jekyll.Мы используем теги для отображения Font Awesome Icons, как показано ниже

<a class="box-icon-title margin-bottom-20" href="#">
<i class="fa fa-picture-o"></i>

Однако jekyll преобразует все эти теги в теги, как показано ниже

<a class="box-icon-title margin-bottom-20" href="#"> 
<em class="fa fa-picture-o"></em>

Любая идея, как запретить Jekyll преобразовывать тегина теги

Ответы [ 2 ]

0 голосов
/ 26 февраля 2019

Jekyll не конвертирует <i> теги в <em> теги из коробки.Скорее всего, это результат использования некоторых плагинов.

Пожалуйста, опубликуйте содержимое каталога Gemfile, _config.yml и _plugins, если доступно.

0 голосов
/ 26 февраля 2019

Я не уверен, что Jekyll конвертирует теги <i>, но если это так, лучше не изменять Jekyll.Вместо этого я предлагаю простой код jquery для преобразования <em> обратно в <i> снова, где все атрибуты отображаются:

$(document).on("ready",function(){
    $('em.fa').replaceWith(function(){
       $iTag = $("<i>", {html: $(this).html()});
       $.each(this.attributes, function(i, attribute){
            $iTag.attr(attribute.name, attribute.value);
      });
      return $iTag;
    })
})

Примечание: Если $(document).on("ready") не сработало, попробуйте $(window).on("load")

Примечание: Если Jekyll имеет функцию обратного вызова после завершения, лучшим способом было бы вызвать вышеуказанную функцию в качестве обратного вызова Jekyll, не готового к DOM.

...