html转word 页头页脚代码示例

最新推荐文章于 2023-07-04 22:04:15 发布
最新推荐文章于 2023-07-04 22:04:15 发布
阅读量1.8k 收藏 6
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunzhibin1/article/details/115965280
版权

文章目录

原版word代码

方便理解

<html xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office"
xmlns:w="urn:schemas-microsoft-com:office:word"
xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"
xmlns="http://www.w3.org/TR/REC-html40">
<head><meta http-equiv=Content-Type content="text/html; charset=utf-8"><title></title>
<style>
v\:* {behavior:url(#default#VML);}
o\:* {behavior:url(#default#VML);}
w\:* {behavior:url(#default#VML);}
.shape {behavior:url(#default#VML);}
</style>
<style>
@page
{
    mso-page-orientation: landscape;
    size:29.7cm 21cm;    margin:1cm 1cm 1cm 1cm;
}
@page Section1 {

    mso-title-page:yes; //首页不显示页眉页脚

    mso-page-numbers:0; //起始页码从0开始

    mso-header-margin:.5in;
    mso-footer-margin:.5in;
    mso-header: h1;
    mso-footer: f1;
    }
div.Section1 { page:Section1; }
table#hrdftrtbl
{
    margin:0in 0in 0in 900in;
    width:1px;
    height:1px;
    overflow:hidden;
}
p.MsoFooter, li.MsoFooter, div.MsoFooter
{
    margin:0in;
    margin-bottom:.0001pt;
    mso-pagination:widow-orphan;
    tab-stops:center 3.0in right 6.0in;
    font-size:12.0pt;
}
</style>
<xml>
<w:WordDocument>
<w:View>Print</w:View>
<w:Zoom>100</w:Zoom>
<w:DoNotOptimizeForBrowser/>
</w:WordDocument>
</xml>
</head>

<body>
<div class="Section1">

    <p>&nbsp;</p>
<br/>
    <table id='hrdftrtbl' border='0' cellspacing='0' cellpadding='0'>
    <tr><td>        <div style='mso-element:header' id=h1 >
        <!-- HEADER-tags -->
            <p class=MsoHeader >HEADER</p>
        <!-- end HEADER-tags -->
        </div>
    </td>
    <td>
    <div style='mso-element:footer' id=f1><span style='position:relative;z-index:-1'> 
        <!-- FOOTER-tags -->
        FOOTER

        <span style='mso-no-proof:yes'><!--[if gte vml 1]><v:shapetype
         id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t"
         path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f">
         <v:formulas>
          <v:f eqn="if lineDrawn pixelLineWidth 0"/>
          <v:f eqn="sum @0 1 0"/>
          <v:f eqn="sum 0 0 @1"/>
          <v:f eqn="prod @2 1 2"/>
          <v:f eqn="prod @3 21600 pixelWidth"/>
          <v:f eqn="prod @3 21600 pixelHeight"/>
          <v:f eqn="sum @0 0 1"/>
          <v:f eqn="prod @6 1 2"/>
          <v:f eqn="prod @7 21600 pixelWidth"/>
          <v:f eqn="sum @8 21600 0"/>
          <v:f eqn="prod @7 21600 pixelHeight"/>
          <v:f eqn="sum @10 21600 0"/>
         </v:formulas>
         <v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/>
         <o:lock v:ext="edit" aspectratio="t"/>
        </v:shapetype><v:shape id="Picture_x0020_1" o:spid="_x0000_s3073" type="#_x0000_t75"
         alt="VHB" style='position:absolute;
         margin-right:0pt;margin-top:-400pt;
         z-index:-1;
         visibility:visible;mso-wrap-style:square;mso-wrap-distance-left:9pt;
         mso-wrap-distance-top:0;mso-wrap-distance-right:9pt;
         mso-wrap-distance-bottom:0;mso-position-horizontal:absolute;
         mso-position-horizontal-relative:text;mso-position-vertical:absolute;
         mso-position-vertical-relative:text'>
         <v:imagedata src="https://www.google.bg/logos/2012/Rodin-2012-homepage.png"/>
        </v:shape><![endif]--></span>
           <p class=MsoFooter>
           <span style=mso-tab-count:2'></span>
           Page <span style='mso-field-code: PAGE '><span style='mso-no-proof:yes'></span> from <span style='mso-field-code: NUMPAGES '></span>

        <!-- end FOOTER-tags -->
   </span>


        </p>
    </div>

    <div style='mso-element:header' id=fh1>
        <p class=MsoHeader><span lang=EN-US style='mso-ansi-language:EN-US'>&nbsp;<o:p></o:p></span></p>
        </div>
        <div style='mso-element:footer' id=ff1>
        <p class=MsoFooter><span lang=EN-US style='mso-ansi-language:EN-US'>&nbsp;<o:p></o:p></span></p>
    </div>

    </td></tr>
    </table>
</div>

</body></html>

参考地址：
http://stackoverflow.com/questions/13340216/html-generated-microsoft-word-document-with-header-footer-and-watermark

使用的插件是jQuery-WordExport.js来加页头页脚

<div class="page-number-wrap">  <!-- 最外层，页脚在这个class下包着才显示 -->
	<!-- 页脚开始 -->
	<div style="mso-element:footer" id=footer>
		<p class=MsoFooter style="text-align:center;">
			—&nbsp;<span style="mso-field-code: PAGE "></span>&nbsp;—
		</p>
	</div>
	<!-- 页脚结束 -->
</div>

// mso-title-page:yes; //首页不显示页眉页脚,比如第一页是封面时
// mso-page-numbers:0; //起始页码从0开始,设置开始页码
exportWord() {
  let styles = styles = `${styles}.page-number-wrap{mso-footer: footer;mso-title-page:yes;mso-paper-source:0; mso-page-numbers:0;}.MsoFooter{margin:0in;margin-bottom:.0001pt;mso-pagination:widow-orphan;tab-stops:center 3.0in right 6.0in;font-size:12.0pt;text-align:center;}`
  $('#print').wordExport('导出word名称', styles)
}

不理解或有问题请留言

一个......
关注
Java 代码实现pdf转word文件 | 无损转换完整代码教程
洛阳泰山的博客
05-16 1万+
最近有个需求，我自己有个pdf想转word去修改，百度很多工具都是注册账号前一两次免费，后面就要收费，由于，本人之前的也转换过好几次，免费额度都用完了。百度了半天也没找到一个免费，于是决定自己用代码实现转换，觉得应该不难，后来，调试1-2个小时的代码终于实现了！ pdf转word实现思路 代码实现主要依赖两个第三方jar包，一个是apache-poi，一个是aspose-pdf。apache-poi包完全开源免费，aspose-pdf免费版生成有水印，且生成数量有限制。单纯用apac...
原生JS将HTML导出生成word文档 有页眉页脚
Fanx繁星
03-27 1984
使用原生的js将html导出word，支持页眉页脚，扩展性高
Html to word by open xml 基于Open Xml 实现的带页眉页脚页码的 Html 转Word 功能
12-20
基于Open Xml 实现的带页眉页脚页码的 Html 转Word 功能 跟 Microsoft.Office.Interop.Word 的 Com 组件相比优势如下： 1、服务器不用安装Office 即可生成Word 格式的文件； 2、服务器不用配置 繁琐的Com组件的权限； 3、比Com 组件高效； 4、实现相同的功能 代码更加简洁,易懂； 5、页眉，页脚，正文内容均可从 Html 转换，并能保证Html 样式及图片不变
HTML生成Word文档，可自定义Word文档页眉、页脚、分页。
CrushCoco的博客
01-19 3383
准备HTML模板。 <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-...
html公用页脚使用代码,页脚在HTML
weixin_29035147的博客
06-04 4484
正常显示我使用的主要内容两个列layout.One和一个侧边栏页脚在HTML在HTML中我使用下面的代码---------------------------------------------------------------CSS文件包括以下代码#content{padding-top:100px;padding-bottom:50px;width:1000px;margin:0px aut...
html css页脚代码,HTML CSS - 页脚 - 下面的空格
weixin_34675395的博客
06-04 1498
我有问题试图让我的页脚“粘”到页面底部的所有内容下面。我尝试了许多不同的技术，但无法使其与标题一起工作。HTML CSS - 页脚 - 下面的空格什么是最好的方式来布局我的布局来实现这一目标？正如你可以看到侧边栏&内容divs通过页脚。TitleTitletitleLanguages12345Frameworks12SidebarFooterCSS：html, body{width: 10...
html 给word插入页眉和页脚,如何在Word插入页眉和页脚
weixin_36488250的博客
06-03 1327
在页眉和页脚可以输入创键文档的基本信息,例如在页眉中输入文档名称,章节标题或者作者名称等信息,在页脚中输入文档的创建时间、页码等,不仅能使文档更美观,还能向读者快速传递word文档要表达的信息。步骤1：添加页眉和页脚。页眉和页脚在文档资料中经常遇到,对文档的美化有很显著的作用。接下来我们看具体操作步骤。单击【插入】选项卡下【页眉和页脚】组中的【页眉】按钮，在弹出的下拉列表中选择“边线型”样式，即可...
java方式完整的word文件转html代码样例
12-21
本文将详细讲解如何使用Java实现这一功能，包括必要的库引用、代码示例以及转换过程。 首先，我们需要引入Apache POI库，这是一个用于处理Microsoft Office格式文件的Java API。在本示例中，Apache POI将帮助我们...
POI导出Word 页眉 页脚 标题设置
03-09
8. **代码示例** 下面是一个简单的示例，演示了如何创建一个带有页眉、页脚和标题的Word文档： ```java import org.apache.poi.hwpf.HWPFDocument; import org.apache.poi.hwpf.usermodel.*; public class ...
java html 转word word 转pdf
05-22
`demo`可能是演示如何使用Aspose.Words进行HTML转Word和Word转PDF的示例代码，值得参考学习。 总结起来，Java HTML 转 Word 和 Word 转 PDF 涉及到的技术包括HTML解析、Word文档处理、PDF生成，以及使用相关的Java...
页脚
02-18
页脚 该项目是使用版本10.0.2生成的。 只是一个简单的示例项目，该项目具有页脚可帮助人们了解粘性页脚。 开发服务器 为开发服务器运行ng serve 。 导航到http://localhost:4200/ 。 如果您更改任何源文件，该应用程序将自动重新加载。 代码脚手架 运行ng generate component component-name生成一个新的组件。 您还可以使用ng generate directive|pipe|service|class|guard|interface|enum|module 。 建造 运行ng build来构建项目。 构建工件将存储在dist/目录中。 使用--prod标志进行生产构建。 运行单元测试 运行ng test通过执行单元测试。 运行端到端测试 运行ng e2e以通过执行端到端测试。 进一步的帮助 要获得有关Angular CLI的更多
htmlheaderfooter
03-14
概述 在此项目中，我使用HTML 5和CSS创建了页眉和页脚。 我已经使用了Font的图标。 我不使用boostrap而是仅使用纯CSS创建了页眉和页脚。 在标题中，我还使用了子菜单来显示不同的类别。 我创建了这个单独的页眉和页脚，以便可以在页面的其他部分中用作组件。 代码概述 我用过了 和 标签，以设计标题菜单以及子菜单，并向其中添加CSS。 对于页脚，我也使用了相同的内容。 您可以在代码文件夹中查看。 屏幕截图 下图显示了标题屏幕： 下图显示了页脚屏幕： 进一步改善 我必须针对不同设备的响应性更新css。
poi实现word转html并返回html内容（Java版）
混沌人的博客
12-10 2645
最近遇到个将word文档转html的需求，要求传入文档路径后返回转换完成的html内容，直接进入主题。 1. jar包依赖（两者二选一） 较新版本 <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> <version>4.12&lt...
页脚代码html,博客园页脚 HTML 代码 .html
weixin_33622555的博客
06-03 3122
type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279644615'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1279644615%26online%3D1' type='text/javascript'...
Html导出到Word带页眉页脚
shenjiujun的博客
02-15 1616
html-docx.js function ExportQrCode2Word(YearStr,MonthStr,ShiFaSr) { //正文图片格式化 changeImgToDataurl($("#QrCodeTable"),300,400); var page = '<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="ur
html生成word页眉图片,js客户端页面导出成word,并可以设置页眉页脚
weixin_31346703的博客
06-04 838
在客户端浏览网页时,可以用js直接将需要的内容导出成word,并可以为导出的word设置页眉页脚,减轻了服务端压力,并且操作更加灵活。ExportToWord/**//**//**//*** @param {Object} cont 要导出的html元素内容的id,注意不要加双引号 * @param {Object} key 分页关键字*/function ExportWord(con...
本站页脚HTML回顶部代码
weixin_34026484的博客
04-09 417
<style type="text/css">.top { width: 50px; height: 50px; background-color: #F0F0F0; border: 1px solid #D9D9D9; z-index: 1; right: 10px; bottom: 10px; POSITION: fixed } .top a { width: 50px; h...
html 页码设计,html – 创建一个页脚结构,页脚底部和100％内容
weixin_29863401的博客
06-07 826
我想为网页设计一个结构,但我有一个问题,我不能单独使用它.这就是我要的：一个包含3个部分的网页：1-header2-content( has 2 parts, a sidebar and a content section)3-footer我想要这些特点：1- if in the content section there is nothing then footer stays at the b...
HTML 课程 | 建筑页脚
我的博客，不一样的自我表达
07-04 296
上面的页脚看起来不错，唯一的区别是 facebook、twitter 等社交图标的显示。向 FontAwesome 图标添加样式：将图标的字体大小设置为 3em，下边距为 1em，并将它们显示为块。添加以上两种样式后，图标现在将水平排列并位于版权 div 的中心。我们将在页脚的不同位置使用很棒的字体图标。将列表项设置为显示为内联块，以便图标可以水平显示而不是垂直显示。因此，我们已经完成了网站除页脚之外的所有部分的构建。将三列对齐为一行：将三列全部向左浮动，并为每一列指定 320px 的宽度。
Java 如何在使用poi读取word文档的段落对象，同时获取段落对象所在页的页脚，请给出示例代码
最新发布
09-07
Apache POI 是 Java 中用于处理 Microsoft Office 文件（如 Word、Excel 和 PowerPoint）的一个强大库。要从 Word 文档中读取段落并获取其所在的页脚，你需要使用 `XWPFDocument` 类来操作 `.docx` 文件，并结合 `XWPFParagraph` 和 `XWPFPictureData` 来获取信息。然而，POI 并不直接提供获取段落所在页面页脚的功能，因为这通常不是 POI 的核心功能。Word 文档的结构并不像 HTML 那样明显，页脚通常是基于节（section）的概念，而不是直接关联到每个段落。 为了实现这个需求，你可能需要遍历整个文档，查找包含该段落的节，并找到页眉/页脚区域。这涉及到更复杂的逻辑和对 Word 文档格式的深入理解。以下是一个基本的示例，展示了如何读取段落，但并未包括获取页脚的内容： ```java import org.apache.poi.xwpf.usermodel.*; public class WordParagraphReader { public void readParagraphAndFindFooter(XWPFDocument document, String paragraphText) throws Exception { for (XWPFParagraph para : document.getParagraphs()) { if (para.getText().contains(paragraphText)) { System.out.println("Found paragraph: " + para.getText()); // 获取段落所属的节 XWPFHeaderFooterPolicy headerFooterPolicy = document.getHeaderFooterPolicy(); for (XWFPiece piece : headerFooterPolicy.getAllHeaderFragments()) { if (piece.getText().contains(paragraphText)) { // 假设页眉/页脚中的文本和段落相同 System.out.println("Paragraph is in header/footer: " + piece.getText()); break; } } } } } } ``` 请注意，这段代码只是一个简化版本，实际情况下可能需要更复杂的方法，比如解析 XML 结构或者利用第三方库（如 Aspose 或 docx4j），它们提供了更高级的 API 来访问和处理 Word 文档的详细结构。
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一个......

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值