【问题标题】:How I can generate the pdf using AddImageUrl from ABCpdf after the page is loaded complete页面加载完成后,如何使用 ABCpdf 中的 AddImageUrl 生成 pdf
【发布时间】:2014-09-11 06:47:37
【问题描述】:

我想将网页的缩略图添加到 pdf 文档中,

我是这样添加的:

    Doc generatedoc = new Doc();
    generatedoc.HtmlOptions.UseScript = true;

    string urlToHtmlPage = "http://example.com?param1=30&param2=true";
    int generatedId = generatedoc.AddImageUrl(urlToHtmlPage);

    generatedoc.Save(HttpContext.Current.Server.MapPath("htmlimport.pdf"));
    generatedoc.Clear();

在url中我发送了两个参数,根据页面中的一个参数添加了一个用于各种html标签的类,例如:

<div class="cssClass <%=param2==true?"secondCssClass":""%>">some html tags</div>

<span class="<%= param2==true?"secondCssClass":"" %>"> some text </span>

样式里面

<style type="text/css">
    .secondCssClass
    {
        display: none;
    }
</style>

pdf 生成正常,但 secondCssClass 未添加到我的标签中,并且 css 未应用 我尝试设置大超时,但 css 也没有应用

我这样设置时间:

generatedoc.HtmlOptions.Timeout = 1000000;

generatedoc.HtmlOptions.OnLoadScript = "(function(){ window.ABCpdf_go = false;
            setTimeout(function(){ window.ABCpdf_go = true; }, 1000000); })();";

或 RenderWait() 和 RenderComplete()

   generatedoc.HtmlOptions.OnLoadScript = @"
    window.external.ABCpdf_RenderWait(); 
    window.external.ABCpdf_RenderComplete(true);";

但无论如何 CSS 不适用 当我在浏览器中加载 url 时,css 正在应用 有什么建议吗?

【问题讨论】:

  • 如果您尝试从浏览器中点击example.com?param1=30&param2=true,它会返回正确的结果吗?
  • @malkassem css 类未添加到 html 标签中,我的样式未应用

标签: c# html css asp.net abcpdf


【解决方案1】:

根据您对评论的回复,即使在浏览器中也看到了该问题,这表明这不是 ABCPDF 问题。

我认为问题出在以下几点:

<div class="cssClass <%=param2==true?"secondCssClass":""%>">some html tags</div>

<span class="<%= param2==true?"secondCssClass":"" %>"> some text </span>

如果该代码正是您正在运行的代码中所拥有的,那么您将需要对这些行进行调整:

  1. 访问URL参数,需要使用Request对象
  2. URL 参数是文本,您的比较将它们作为布尔值

代码应该如下:

<div class="cssClass <%= Request.QueryString("param2")=="true"?"secondCssClass":"" %>">some html tags</div>

<span class="<%= Request.QueryString("param2")=="true"?"secondCssClass":"" %>"> some text </span>

我建议您在通过 ABCPDF 进行测试之前先在浏览器中进行测试。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-03-29
    • 2015-04-25
    相关资源
    最近更新 更多