Сохранение CSS в HTML-файле с помощью Javascript

Я пытаюсь сгенерировать PDF с помощью JavaScript, но я не могу сгенерировать его с помощью CSS. В настоящее время я использую jsPDF. Проблема с jsPDF заключается в том, что она отнимает все форматирование. Мне не нужны стили или цвета, но мне нужно иметь несколько divs бок о бок.Сохранение CSS в HTML-файле с помощью Javascript

Мой код

    margins = { 
         top: 0, 
         bottom: 0, 
         left: 20, 
         width: 170 
        };      
        pdf.setFontSize(6); 
        pdf.fromHTML(
         $('#textpdfdiv').html(), 
         margins.left, 
         margins.top, { 
          'width': margins.width 
         }, 

         function (dispose) {         
          pdf.save('Export_Text.pdf'); 
         }, margins 
        );

textpdfdiv является идентификатор div, который имеет все значения формы в отдельном divs бок о бок. Но когда я создаю PDF, они идут в отдельную строку.

Я не могу использовать XEPOnline, потому что он обрабатывается через Интернет.

Как мне нужен выход PDF это что-то вроде этого (минус цвета и поля формы и т.д.)

Вывод, который я в настоящее время является

Есть ли какой-либо плагин, который преобразует HTML + CSS в PDF? Или я могу достичь этого с помощью jsPDF? У меня нет таблицы, поэтому этот Question не помогает.

EDIT: Я не могу использовать Html2Canvas, потому что он создает длинные не поддающиеся поиску PDF-файлы, и мне нужны файлы PDF с возможностью поиска. Html2Canvas делает снимок экрана, и это изображение, но мне нужен текст, который можно скопировать.

Спасибо,
Хамза

источник

2017-02-08 Hamza

Я предполагаю, что это должно произойти автоматически? Я только спрашиваю, потому что единственный способ, которым я знаю, как отформатировать ваш CSS с помощью медиа-запроса '@ print' и фактически распечатать страницу (вывод в PDF). Я уверен, что это не поможет, но может быть, это может привести вас к правильному пути? – ntgCleaner

нет на самом деле печать не помогает ... потому что она не поддерживает все браузеры, во-вторых, мне нужно всего лишь несколько вещей. Это создает более 50 МБ PDF. – Hamza

может быть, я не мог быть такой помощи, но это, кажется, ошибка из этой библиотеки: https://github.com/MrRio/jsPDF/issues/91

В этой странице вы найдете предложения для ваша цель: использовать Html2Canvas.

источник

2017-02-08 14:54:07 misterwolf

Спасибо, но это не помогает .. Я использовал это как ну и Html2Canvas создает длинные файлы поиска, не поддающиеся поиску, мне нужны файлы PDF с возможностью поиска. Html2Canvas в основном снимает скриншот, а это не изображение, а текст. – Hamza

Я использовал этот плагин для создания PDF с помощью HTML и CSS. Вам просто нужно включить контент, который вы хотите поместить в PDF, в «» с идентификатором.

https://github.com/Xportability/css-to-pdf

источник

2017-02-08 15:43:06

Сохранение CSS в HTML-файле с помощью Javascript

ответ

Смежные вопросы