Включить частичный html в файл уценки (Джекилл) - PullRequest
Новая
       85

Включить частичный html в файл уценки (Джекилл)

0 голосов
/ 29 апреля 2020

Я действительно изо всех сил пытаюсь поместить некоторую часть html из каталога _include в файл поста уценки в Jekyll. Блок html находится в post_contact. html (простой раздел для контактной формы) внутри папки _include. Команда markdown include в файле markdown в папке _posts выглядит следующим образом: 

<div markdown="block">
{% include contact_post.html %}
</div>

Я прочитал в этом вопросе ( вопрос переполнения стека ), что это может быть связано с интервалом html (4 пробелы) перед кодом. Я удалил все пробелы и конечные значения sh с помощью этого файла: 

<div class="gdlr-core-pbf-wrapper" style="padding: 90px 0px 20px 0px;">
<div class=gdlr-core-pbf-background-wrap style="background-color: #f3f3f3;"></div>
<div class="gdlr-core-pbf-wrapper-content gdlr-core-js">
<div class="gdlr-core-pbf-wrapper-container clearfix gdlr-core-container">
<div class="gdlr-core-pbf-column gdlr-core-column-60 gdlr-core-column-first">
<div class="gdlr-core-pbf-column-content-margin gdlr-core-js">
<div class="gdlr-core-pbf-column-content clearfix gdlr-core-js" style="max-width: 760px;">
<div class=gdlr-core-pbf-element>
<div class="gdlr-core-title-item gdlr-core-item-pdb clearfix gdlr-core-center-align gdlr-core-title-item-caption-bottom gdlr-core-item-pdlr" style="padding-bottom: 60px;">
<div class="gdlr-core-title-item-title-wrap ">
<h3 class="gdlr-core-title-item-title gdlr-core-skin-title" style="font-size: 39px ;letter-spacing: 0px ;text-transform: none ;">Leave us your info <span class="gdlr-core-title-item-title-divider gdlr-core-skin-divider"></span>
</h3>
</div><span class="gdlr-core-title-item-caption gdlr-core-info-font gdlr-core-skin-caption" style="font-size: 19px ;font-style: normal ;">and we will get back to you.</span>
</div>
</div>
<div class=gdlr-core-pbf-element>
<div class="gdlr-core-contact-form-7-item gdlr-core-item-pdlr gdlr-core-item-pdb ">
<div role=form class=wpcf7 id=wpcf7-f1979-p1964-o1 lang=en-US dir=ltr>
<div class=screen-reader-response></div>
<form class="quform" action="plugins/quform/process.php" method="post" enctype="multipart/form-data" onclick="">

<div class="quform-elements">
<div class="quform-element">

<br>
<span class="wpcf7-form-control-wrap your-name">
<input id="name" type="text" name="name" size="40" class="input1" aria-required="true"
aria-invalid="false" placeholder="Name*">
</span>

</div>
<div class="quform-element">

<br>
<span class="wpcf7-form-control-wrap your-email">
<input id="email" type="text" name="email" size="40" class="input1" aria-required="true"
aria-invalid="false" placeholder="Email*">
</span>

</div>
<div class="quform-element">

<br>
<span class="wpcf7-form-control-wrap your-message">
<textarea id="message" name="message" cols="40" rows="10" class="input1" aria-invalid="false"
placeholder="Message*"></textarea>
</span>

</div>

<!-- Begin Submit button -->
<div class="quform-submit">
<div class="quform-submit-inner">
<button type="submit" class="submit-button"><span>Send</span></button>
</div>
<div class="quform-loading-wrap"><span class="quform-loading"></span>
</div>
</div>

</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

Хотя лучшее, что я мог получить, это некоторые html отрисованные и некоторые в виде простого текста, как показано на изображении ниже: enter image description here

Пожалуйста, пришлите мне несколько советов. Где я делаю не так?

Заранее спасибо.

...