J'utilise pdfmake pour amener les utilisateurs à remplir un formulaire et les données de cette forme est prise et converti en un fichier PDF. Mais le problème est quand un utilisateur tape dans un long texte le texte quitte la page.texte allant hors la page en utilisant la bibliothèque pdfmake
J'ai essayé un style de paramètres pour justifier, mais cela ne semble pas fonctionner.
Voici mon code:
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>my first pdfmake example</title>
<script src='pdfmake.min.js'></script>
<script src='vfs_fonts.js'></script>
</head>
<body>
<input type="text" id="test" name="test">
<textarea id="z" cols="10" rows="5" wrap="hard"></textarea>
<button onclick="pdf()">generate</button>
<script>
// open the PDF in a new window
function pdf() {
var x = document.getElementById("test").value
var z = document.getElementById("z").value
var docDefinition = {
content: [
{
image: 'sampleImage.png',
},
{ ul: [x] },
{
image: 'sampleImage.png'
},
{
ul: [
'Item 1',
'Item 2',
'Item 3',
{
text: z,
bold: true,
alignment: 'justify'
},
],
}
],
styles: {
header: {
fontSize: 18,
bold: true,
alignment: 'justify'
}
}
};
//alert(x);
pdfMake.createPdf(docDefinition).open();
}
</script>
</html>
ERREUR:
Dans l'image que vous pouvez voir mettre dans un long texte sort de l'écran.
est-il de toute façon de fixer que peu importe combien de temps l'utilisateur de texte entre ne marche pas sortir de l'écran. ça va à la ligne suivante?
Ajoutez 'width' dans' ul' par script que vous utilisez. où est-ce que vous donnez la propriété 'text: z, bold: true, alignement: 'justify', –