Jak wyśrodkować tekst w pionie w pliku .docx?

0

Próbuję wyeksportować docx w react w taki sposób by wszystko było wyśrodkowane w pionie w każdym rzędzie, wie ktoś jak to zrobić? W rezultacie tekst znajduje się na dole linii.

const rows = [];

for (const item of items) {
    const blob = await fetch(item.Image).then((r) => r.blob());
    const arrayBuffer = await new Response(blob).arrayBuffer();
    const uint8Array = new Uint8Array(arrayBuffer);

const paragraph = new Paragraph({
        children: [
            new ImageRun({
                data: uint8Array,
                transformation: { width: 50, height: 50 },
            }),
            new TextRun({
                text: `\t${item.Title}\t`,
                style: {
                    verticalAlign: 'center', // Wyrównanie tekstu do środka wertykalnie
                    lineHeight: 50,
                } as any,
            }),
            new TextRun({
                text: `${item.Meaning}\n`,
            }),
        ],
    });

    rows.push(paragraph);
}

const doc = new Document({
    sections: [
        {
            children: [
                ...rows,
            ],
        },
    ],
0

Przydałby się minimalny przykład online, żeby sprawdzić jak to wygląda w całości.

0

https://stackblitz.com/edit/react-docx-images-vmxshd?file=index.tsx

"Generate doc with base64 image" tworzy w jednym rzędzie obraz z tekstem

1

To będzie lekkie gdybanie, ale ja spróbowałbym wsadzić to do tabeli, ustawić jej width / height na 100%, skasować obramowanie i dodać verticalAlign ustawiony na center

1 użytkowników online, w tym zalogowanych: 0, gości: 1