问Handlebar节点html-to-pdf报表允许在一个页面中包含一定数量的项目
EN

Stack Overflow用户

提问于 2020-08-15 22:33:56

回答 1查看 314关注 0票数 0

我正在尝试打印3 x 11页的条形码。我使用带把手的HTML模板，并将它们打印到pdf。我使用pdf-creator-node库，它使用html-to-pdf库，inside.Some产品名称很长，有些很短。我需要的是为固定数量的项目设置页面。每页11行。我该如何在我的模板上做呢？我怎么才能让报告在11行之后跳到第二页呢？它可能与css页面中断有关，但我不知道如何使用它。

BarcodeTemplate.html

<head>
    <title>Bootstrap Tutorial Sample Page</title>
    <style type="text/css" rel="stylesheet" media="all">
</head>
    <body>
        <div class="container">
            {{#everyNth reportData 3}}
              {{#if isModZeroNotFirst}}
                </div>
              {{/if}}
              {{#if isModZero}}
                <div class="row">
              {{/if}}
              <div class="col-4 mx-auto">
                <img class="text-center" style="margin-bottom:1px;height:30px"  src="{{barcode_image}}" />
                <div class="text-center" style="font-size:9px;margin-top:-3px;margin-bottom:1px">{{barcode}}</div>
                <div class="text-center" style="font-size:9px;margin-top:-5px;margin-bottom:-3px;line-height: 9px">{{name}}</div>
                <div class="text-center" style="font-size:9px;margin-top:0px;margin-bottom:-5px">{{sku}}</div>
                <div class="text-center" style="font-size:9px;margin-top:-5px;margin-bottom:1px">{{intax_price}}</div>
              </div>
              {{#if isLast}}
                </div>
              {{/if}}
            {{/everyNth}}
        </div>
    </body>
</html>

node.js

handlebars.js

回答 1

Stack Overflow用户

发布于 2020-08-16 15:06:53

Handlebars.registerHelper('everyNth', function(context, every, options) {
      var fn = options.fn, inverse = options.inverse;
      var ret = "";
      if(context && context.length > 0) {
        for(var i=0, j=context.length; i<j; i++) {
          var modZero = i % every === 0;
          var jumpNextPage = (i!== 0 && i % 33 === 0)
          ret = ret + fn(_.extend({}, context[i], {
            isModZero: modZero && !jumpNextPage,
            isModZeroNotFirst: modZero && i > 0,
            isLast: i === context.length - 1,
            isNextPage: jumpNextPage && modZero
          }));
        }
      } else {
        ret = inverse(this);
      }
      return ret;
    });


    <div class="container">
            {{#everyNth reportData columnCount}}
                {{#if isModZeroNotFirst}}
                    </div>
                {{/if}}
                {{#if isModZero}}
                    <div class="row">
                {{/if}}
                {{#if isNextPage}}
                    <div class="row" style="page-break-after:always;" >
                {{/if}}
                <div class='{{columnClass}}'>
                    {{#if show_barcode}}
                    <img class="text-center" style="margin-bottom:0px;height:30px"  src="{{barcode_image}}" />
                    {{/if}}
                    {{#if show_barcode_number}}
                    <div class="text-center" style="font-size:9px;margin-top:-3px;margin-bottom:0px">{{barcode}}</div>
                    {{/if}}
                    {{#if show_product_name}}
                    <div class="text-center" style="font-size:9px;margin-top:-3px;margin-bottom:-3px;line-height: 9px">{{name}}</div>
                    {{/if}}
                    {{#if show_sku}}
                    <div class="text-center" style="font-size:9px;margin-top:0px;margin-bottom:-5px">{{sku}}</div>
                    {{/if}}
                    {{#if show_intax_price}}
                    <div class="text-center" style="font-size:9px;margin-top:-5px;margin-bottom:1px">{{intax_price}}</div>
                    {{/if}}
                </div>
                {{#if isLast}}
                    </div>
                {{/if}}
            {{/everyNth}}
        </div>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/63427167

复制

相似问题

问Handlebar节点html-to-pdf报表允许在一个页面中包含一定数量的项目
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Handlebar节点html-to-pdf报表允许在一个页面中包含一定数量的项目EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Handlebar节点html-to-pdf报表允许在一个页面中包含一定数量的项目
EN