необработанный html заголовок с печатью js? - PullRequest
Новая
       8

необработанный html заголовок с печатью js?

0 голосов
/ 19 февраля 2020

Я использую библиотеку печати js для экспорта таблиц в моем приложении. Мне нужно поставить заголовок при экспорте каждой страницы. Теперь, когда я использую тип json следующим образом 

  let someJSONdata = [{
    name: 'name',
    email: "fda@daa.com",
    phone: "46228156"
  }];
  let url = 'urlstring';
  let rawHTML = `
  <div id="header">
  <img src="${url}"  alt="">
<div class="parraf">
<h3 style="margin:0px"> title </h3>
<h5 style="margin:0px"> subtitle </h5>
<h6 style="margin:0px"> description </h6>
</div>
</div> <br>`;

  printJS({
    printable: someJSONdata,
        type: 'json',
        properties: ['name', 'email', 'phone'],
        header: rawHTML,
        style: '#header {   display: flex; } #header img { max-width: 120px;} .parraf { width: 100%; padding: 0px; text-align: center;  max-height: 80px }'
  });

** Это работает хорошо. Дело в том, что для моей ситуации я экспортирую напрямую в html, поэтому код будет выглядеть следующим образом: **

   let url = 'pathhere';
    let rawHTML = `
    <div id="div_toexport_from_html">
    <img src="${url}"  alt="">
  <div class="textos">
  <h3 style="margin:0px"> INSTITUTO TECNOLOGICO DE SONORA  </h3>
  <h5 style="margin:0px"> ADMINISTRACION DE PERSONAL </h5>
  <h6 style="margin:0px"> Reporte de permisos </h6>
  </div>
  </div> <br>`;

printJS({
      printable: 'div_toexport_from_html',
      type: 'html',
      header: rawHTML,
      style: '#div_toexport_from_html { display: flex; } #div_toexport_from_html img { max-width: 120px;} .textos { width: 100%; padding: 0px; text-align: center;  max-height: 80px; color: #0b6db5; } ',
      targetStyles: ['*'],
      maxWidth: setMaxWidth,
      ignoreElements: viewtoIgnore
    });

плохо, что он неправильно определяет html, но принимает это как обычная текстовая строка. Возможно ли это или каким образом это можно сделать таким образом?

В заключение. Маршрут в этом случае я назвал ссылкой, что реальный URL будет размещен там. Проблема в том, что я не знаю, позволяет ли библиотека print js в настройках экспорта: 

var printTypes = ['pdf', 'html', 'image', 'json', 'raw-html'];

При правильном использовании type = 'json' заголовок, который передается через raw - html строка. Тем не менее, при использовании type = 'html', что в моем случае, он не правильно выбирает указанную строку raw- html, так как воспринимает ее как обычный текст. Может быть, так работает библиотека. Кто знает?

...