Я использую html2pdf. js (который использует библиотеку html2canvas ) в моем проекте React. Мне нужно экспортировать содержимое draft. js editor в pdf, для которого я использую следующий код:
const el = document.getElementById('element-to-print');
const opt = {
margin: 1,
filename: 'myfile.pdf',
pagebreak: { mode: ['avoid-all']},
image: { type: 'jpeg', quality: 1 },
html2canvas: { scale: 1},
jsPDF: { unit: 'in', format: 'a4', orientation: 'portrait' }
};
html2pdf().from(el).set(opt).toPdf().get('pdf').then(function (pdf) {
var totalPages = pdf.internal.getNumberOfPages();
for (var i = 1; i <= totalPages; i++) {
pdf.setPage(i);
pdf.setFontSize(10);
pdf.setTextColor(150);
pdf.text('Page ' + i + ' of ' + totalPages, 1, pdf.internal.pageSize.getHeight() - 0.3);
}
}).save();
Это в основном работает, проблема возникает только когда Редактор содержит упорядоченный список с более чем одним элементом, в этом случае приложение останавливается при экспорте (необходимо обновить его, чтобы снова начать работать), и в консоли появляется ошибка RangeError: NaN is not a valid code point
. Кажется, это потому, что в какой-то момент функция fromCodePoint
в html2canvas получает значение NaN, но я понятия не имею, откуда оно.
Может ли кто-нибудь помочь мне с этим ?
Заранее спасибо.