html - 从没有按钮的 HTML 生成 PDF

标签 html css asp.net wkhtmltopdf

我使用 wkhtmltopdf 从我的网页生成 pdf。

我的元素在 ASP.Net 和 Bootstrap 上。所以页面上的按钮有通用类btn btn-primary

据我所知,如果我设置为某个元素 .Visible = false;,此元素在 pdf 上将不可见。由于页面上有许多按钮,因此通过 Id 设置每个按钮的可见性不太好。

那么我怎样才能仅通过类名从页面中获取所有按钮呢?

我发现了什么:

在 Stack 上的一些帖子中,用户建议添加事件 OnPreRender 并在此事件中将可见性设置为 false。示例:

<asp:LinkButton ID="lnkContinue" runat="server" OnClick="lnkContinue_Click" CssClass="btn btn-primary" Text="Continue" OnPreRender="Button_PreRender"></asp:LinkButton>

protected void Button_PreRender(object sender, EventArgs e)
{
 var button = (HtmlGenericControl)sender;
            button.Visible = !button.Attributes.CssStyle.Value.Contains("btn btn-primary");

}

最佳答案

您可以向 wkhtmltopdf 提供您自己的 javascript 函数以迭代每个元素并使它们不可见:

http://wkhtmltopdf.org/usage/wkhtmltopdf.txt

--运行脚本js

var eles = document.getElementsByClassName('btn btn-primary');
for (var x = 0; x < eles.length; x++) {
    eles[x].style.visibility = false;
}

关于html - 从没有按钮的 HTML 生成 PDF,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28154065/

相关文章:

javascript - 为什么我不能在 highcharts-container div 内的文本区域控件中输入文本?

html - CSS 不在 Firefox 中链接

html - 如何修改样式以在所有浏览器中工作

c# - 显示某些进程的进度的最佳方式?

jquery - 表单重置后如何隐藏div?

javascript - 为用于搜索引擎抓取的 AngularJS 应用程序创建 HTML 快照

css - 在方形空间内将样式更改为 mailchimp 形式

javascript - Accordion 内的 jQuery 可选

asp.net 配置转换 - 不申请正常构建,只发布

php - 将 html 表格内容导出为 xlsx 格式