Регулировка ширины Div с помощью printJS - PullRequest
Новая
       16

Регулировка ширины Div с помощью printJS

0 голосов
/ 14 мая 2019

Я пытаюсь использовать библиотеку PrintJS.Это позволяет вам выбрать конкретный идентификатор и распечатать html, содержащийся внутри этого идентификатора.Проблема, с которой я сталкиваюсь, заключается в том, что когда я изменяю размер экрана, он также меняет размер печати div.Они дают вам возможность передать в css, но не все изменения применяются.

Вот мой пример использования: 

printJS({printable: 'oogles', type: 'html', style: '.modal-header { color: red; width: 100px; } .modal-body { width:100% }'})

Некоторые изменения css успешно применяются в разделе стиля, например color: red но изменение ширины не работает.Я попытался width: 100%; или произвольно установить определенную ширину, например width: 100px;

html: 

    <div id='oogles'>
      <div class='modal-header'>wooooooo we are printing some things!</div>
      <div class='modal-body'>well we are trying at least</div>
    </div>

У кого-нибудь есть опыт использования PrintJS для настройки ширины элемента для печати?

Спасибо

1 Ответ

0 голосов
/ 16 мая 2019

Попробуйте передать свои таблицы стилей в библиотеку. Если в HTML нет встроенных тегов стиля, будет еще лучше, если вы отключите обработку стилей в библиотеке.

Например: 

printJS({
  printable: 'oogles', 
  type: 'html', 
  style: '.modal-header { color: red; width: 100px; } .modal-body { width:100% }'
  css: [
         'my_stylesheet_1',
         'my_stylesheet_2.css'
  ],
  scanStyles: false
})
...