小编Don*_*ino的帖子

打印html时在页面上打印页码

我已经阅读了很多关于打印页码的网站,但是当我尝试打印时,我还是无法显示我的html页面.
所以CSS代码是下一个:

@page {
  margin: 10%;

  @top-center {
    font-family: sans-serif;
    font-weight: bold;
    font-size: 2em;
    content: counter(page);
  }
}
Run Code Online (Sandbox Code Playgroud)

我试过把这个页面规则放在里面

@media all {
    *CSS code*
}
Run Code Online (Sandbox Code Playgroud)

在它之外,试图把它放进去@media print,但没有任何帮助我在我的页面上显示页码.我试过使用FireFox和Chrome(如你所知,基于WebKit).我认为问题出在我的html或css代码中.
有人能告诉我一个@page在几个页面的大html页面中实现这个规则的例子吗?我只需要html页面的代码和css文件的代码,这是有效的.
PS我有最新支持的浏览器版本.

html css printing-web-page

59
推荐指数
4
解决办法
14万
查看次数

使用Node解析XLSX并创建json

好的,所以我发现这个记录非常好,node_module名为js-xlsx

问题: 如何解析xlsx以输出json

以下是Excel工作表的样子:

在此输入图像描述

最后,json应如下所示:

[
   {
   "id": 1,
   "Headline": "Team: Sally Pearson",
   "Location": "Austrailia",
   "BodyText": "...",
   "Media: "..."
   },
   {
   "id": 2,
   "Headline": "Team: Rebeca Andrade",
   "Location": "Brazil",
   "BodyText": "...",
   "Media: "..."
   }
]
Run Code Online (Sandbox Code Playgroud)

index.js:

if(typeof require !== 'undefined') {
    console.log('hey');
    XLSX = require('xlsx');
}
var workbook = XLSX.readFile('./assets/visa.xlsx');
var sheet_name_list = workbook.SheetNames;
sheet_name_list.forEach(function(y) { /* iterate through sheets */
  var worksheet = workbook.Sheets[y];
  for (z in worksheet) {
    /* all keys that do …
Run Code Online (Sandbox Code Playgroud)

javascript excel json xlsx node.js

43
推荐指数
4
解决办法
7万
查看次数

在每个页面上打印一次背景图像

当我打印大的html文件时,我需要在每个页面上打印一次背景图像.现在它只在第一页打印.所以css的部分是:

@media all {
    body
    {
        text-align:left;
        background-image:url('/C:/logo.png');
        background-repeat:no-repeat;
        background-position:right top;
    }
}
Run Code Online (Sandbox Code Playgroud)

html css printing

7
推荐指数
1
解决办法
8189
查看次数

目录与html中的页码

我需要为一个大的html页面创建目录,然后打印出来.
我发现的唯一选择是CSS3,它现在在浏览器中不起作用(我在FireFox中尝试过,并且知道Web Kit也不支持它).这是链接.Html代码:

<a class="pageref" href="#figure">see the figure</a>
Run Code Online (Sandbox Code Playgroud)

CSS3代码:

a.pageref::after { 
  content: " on page " target-counter(attr(href), page) 
}
Run Code Online (Sandbox Code Playgroud)

有没有其他方法可以做到这一点?我可以在FireFox中使用它的方式?因为我发现解决方案是css3的w3草案,据我所知,浏览器还不支持它.

html css printing css3

6
推荐指数
1
解决办法
2082
查看次数

标签 统计

css ×3

html ×3

printing ×2

css3 ×1

excel ×1

javascript ×1

json ×1

node.js ×1

printing-web-page ×1

xlsx ×1