devellopah
@devellopah

Как генерировать pdf из или html строки(или шаблона)?

Вот что я набросал на данный момент, а это код.
<div id="root">
	<div class="container">
		<div class="row">
			<div class="col-sm-6">
				<input type="text" v-model="text">
			</div>
			<div class="col-sm-6">
				<object id="pdf_viewer" type="application/pdf" :data="output" width="100%" height="400"></object>
			</div>
		</div>
	</div>
</div>

new Vue({
	el: "#root",

	data: {
		text: "Hello Kitty"
	},

	computed: {
		output() {
			const pdf = new jsPDF();
			pdf.text(this.text, 10, 10);
			return pdf.output("datauristring");
		}
	}
});


А что делать, если нужно передать html и css или сразу vue компонент:

<div class="container">
	<div class="logo"><img src="/img/logo" alt="logo"></div>
	
	<h1 class="heading">{{ this.text }}</h1>
	
	<div class="row">
		<div class="col-md-4">какой-то контент</div>
		<div class="col-md-4">какой-то контент</div>
		<div class="col-md-4">какой-то контент</div>
	</div>
</div>


Если говорить о компоненте выходит нужно сначала скомпилировать его в html - строку и передать её в jspdf.
Подскажите как это сделать: перевести компонент в строку html и как с помощью jspdf создать pdf с таким содержимым?
  • Вопрос задан
  • 153 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы