如何将textarea的`text-indent`，`line-height`属性应用于生成的pdf文档？

Question

pdfreactor 服务器不应用 text-indent 和 line-height 属性文本区域。如何修复？

<textarea style="height: 79px;width: 767px; text-indent: 63px; background-size: 100% 16px; line-height: 16px; left: 33px;top: 593px;font-size: 11px;font-family: Arial;background-image: none;background-color: white;color: black;"> This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a commentThis is a commentThis is a comment This is a comment This is a comment This is a commentThis is a commentThis is a comment This is a commentThis is a comment This is a comment This is a comment This is a commentThis is a commentThis is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a comment This is a commentThis is a comment This is a comment This is a comment This is a comment 123456789123 </textarea>

以下图片展示了它在浏览器和 pdf 中的呈现方式（使用 pdfreactor 转换后）

1.0

上图 (1.0) 显示了它在浏览器中的显示方式。

2.0

上面的 (2.0) 图像显示了使用 pdfreactor

转换为 PDF 后的呈现方式

这些图像清楚地显示了转换上述 html 代码段时未应用的文本区域的文本缩进和行高属性。在 pdfreactor?

中呈现 textarea 的那些属性的任何解决方案

Answer 1

这是文本区域的一个已知问题。但是，如果不需要 PDF 中表单元素的交互性，您可以将文本区域重新设置为普通 HTML 元素的样式。可以这样做：

textarea {
    -ro-replacedelement: none;
    display: block;
    border: 1px solid black;
}

现在样式 "line-height" 和 "text-indent" 将正常工作。

如何将textarea的`text-indent`，`line-height`属性应用于生成的pdf文档？

how to apply `text-indent`,`line-height` properties of textarea to resulting pdf document?

html-to-pdf

pdf-reactor