word页面设置px

JS导出Word细节设置

万次阅读 2017-06-16 09:36:10

前几篇文章介绍了jquery.wordexport.js插件导出Word，阅读jquery.wordexport.js插件源码可知，将html格式的文件保存为拓展名为.docx或.doc文件，即可用...1）以页面视图方式打开 2）调整页边距一、JS导出Word以

前几篇文章介绍了jquery.wordexport.js插件导出Word，阅读jquery.wordexport.js插件源码可知，将html格式的文件保存为拓展名为.docx或.doc文件，即可用word程序打开，打开视图格式为“web版式视图”。 

  

  
这篇文章将介绍如何添加一些代码，实现以下两个小细节： 
1）以页面视图方式打开 
2）调整页边距 

  
一、JS导出Word以“页面方式”打开 
以页面方式打开，仅需做的调整是： 
1）<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-html40">

 2）在<head></head>页签内部添加如下内容
 

<!--[if gte mso 9]><xml>
 <w:WordDocument>
  <w:View>Print</w:View>
  <w:GrammarState>Clean</w:GrammarState>
  <w:TrackMoves>false</w:TrackMoves>
  <w:TrackFormatting/>
  <w:ValidateAgainstSchemas/>
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:DoNotPromoteQF/>
  <w:LidThemeOther>EN-US</w:LidThemeOther>
  <w:LidThemeAsian>ZH-CN</w:LidThemeAsian>
  <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
   <w:DontGrowAutofit/>
   <w:SplitPgBreakAndParaMark/>
   <w:DontVertAlignCellWithSp/>
   <w:DontBreakConstrainedForcedTables/>
   <w:DontVertAlignInTxbx/>
   <w:Word11KerningPairs/>
   <w:CachedColBalance/>
   <w:UseFELayout/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
  <m:mathPr>
   <m:mathFont m:val="Cambria Math"/>
   <m:brkBin m:val="before"/>
   <m:brkBinSub m:val="--"/>
   <m:smallFrac m:val="off"/>
   <m:dispDef/>
   <m:lMargin m:val="0"/>
   <m:rMargin m:val="0"/>
   <m:defJc m:val="centerGroup"/>
   <m:wrapIndent m:val="1440"/>
   <m:intLim m:val="subSup"/>
   <m:naryLim m:val="undOvr"/>
  </m:mathPr></w:WordDocument>
</xml><![endif]-->

 
 
二、JS调整页边距 
 
页边距的调整需要修改<style>页签中的样式@page WordSection1中的margin值即可 

<style>
@page WordSection1{
	size:595.3pt 841.9pt;
	margin:72.0pt 90.0pt 72.0pt 90.0pt;//默认margin值表示的页边距为 上下边距2.54厘米、左右边距3.17厘米
	mso-header-margin:42.55pt;
	mso-footer-margin:49.6pt;
	mso-paper-source:0;
}
@page WordSection1{
	size:595.3pt 841.9pt;
	margin:36.0pt 36.0pt 36.0pt 36.0pt;//该margin值表示的页边距为 上下左右边距都为1.27厘米
	mso-header-margin:42.55pt;
	mso-footer-margin:49.6pt;
	mso-paper-source:0;
}
</style>

 

 
 
三、完整的示例代码 
完整的示例代码如下（示例代码为默认的页边距） 

<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=unicode">
<!--[if gte mso 9]>
<xml>
 <w:WordDocument>
  <w:View>Print</w:View>
  <w:SpellingState>Clean</w:SpellingState>
  <w:GrammarState>Clean</w:GrammarState>
  <w:TrackMoves>false</w:TrackMoves>
  <w:TrackFormatting/>
  <w:ValidateAgainstSchemas/>
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent>
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
  <w:DoNotPromoteQF/>
  <w:LidThemeOther>EN-US</w:LidThemeOther>
  <w:LidThemeAsian>ZH-CN</w:LidThemeAsian>
  <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
  <w:Compatibility>
   <w:BreakWrappedTables/>
   <w:SnapToGridInCell/>
   <w:WrapTextWithPunct/>
   <w:UseAsianBreakRules/>
   <w:DontGrowAutofit/>
   <w:SplitPgBreakAndParaMark/>
   <w:DontVertAlignCellWithSp/>
   <w:DontBreakConstrainedForcedTables/>
   <w:DontVertAlignInTxbx/>
   <w:Word11KerningPairs/>
   <w:CachedColBalance/>
   <w:UseFELayout/>
  </w:Compatibility>
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
  <m:mathPr>
   <m:mathFont m:val="Cambria Math"/>
   <m:brkBin m:val="before"/>
   <m:brkBinSub m:val="--"/>
   <m:smallFrac m:val="off"/>
   <m:dispDef/>
   <m:lMargin m:val="0"/>
   <m:rMargin m:val="0"/>
   <m:defJc m:val="centerGroup"/>
   <m:wrapIndent m:val="1440"/>
   <m:intLim m:val="subSup"/>
   <m:naryLim m:val="undOvr"/>
  </m:mathPr></w:WordDocument>
</xml>
<![endif]-->
<style>
<!--
 /* Font Definitions */
 @font-face
	{font-family:宋体;
	panose-1:2 1 6 0 3 1 1 1 1 1;
	mso-font-alt:SimSun;
	mso-font-charset:134;
	mso-generic-font-family:auto;
	mso-font-pitch:variable;
	mso-font-signature:3 680460288 22 0 262145 0;}
@font-face
	{font-family:"Cambria Math";
	panose-1:2 4 5 3 5 4 6 3 2 4;
	mso-font-charset:1;
	mso-generic-font-family:roman;
	mso-font-format:other;
	mso-font-pitch:variable;
	mso-font-signature:0 0 0 0 0 0;}
@font-face
	{font-family:"\@宋体";
	panose-1:2 1 6 0 3 1 1 1 1 1;
	mso-font-charset:134;
	mso-generic-font-family:auto;
	mso-font-pitch:variable;
	mso-font-signature:3 680460288 22 0 262145 0;}
 /* Style Definitions */
 p.MsoNormal, li.MsoNormal, div.MsoNormal
	{mso-style-unhide:no;
	mso-style-qformat:yes;
	mso-style-parent:"";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:14.0pt;
	font-family:宋体;
	mso-bidi-font-family:宋体;}
p.MsoHeader, li.MsoHeader, div.MsoHeader
	{mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-link:"页眉 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	text-align:center;
	mso-pagination:widow-orphan;
	layout-grid-mode:char;
	font-size:9.0pt;
	font-family:宋体;
	mso-bidi-font-family:宋体;}
p.MsoFooter, li.MsoFooter, div.MsoFooter
	{mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-link:"页脚 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	layout-grid-mode:char;
	font-size:9.0pt;
	font-family:宋体;
	mso-bidi-font-family:宋体;}
p.MsoAcetate, li.MsoAcetate, div.MsoAcetate
	{mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-link:"批注框文本 Char";
	margin:0cm;
	margin-bottom:.0001pt;
	mso-pagination:widow-orphan;
	font-size:9.0pt;
	font-family:宋体;
	mso-bidi-font-family:宋体;}
span.Char
	{mso-style-name:"页眉 Char";
	mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-unhide:no;
	mso-style-locked:yes;
	mso-style-link:页眉;
	font-family:宋体;
	mso-ascii-font-family:宋体;
	mso-fareast-font-family:宋体;
	mso-hansi-font-family:宋体;}
span.Char0
	{mso-style-name:"页脚 Char";
	mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-unhide:no;
	mso-style-locked:yes;
	mso-style-link:页脚;
	font-family:宋体;
	mso-ascii-font-family:宋体;
	mso-fareast-font-family:宋体;
	mso-hansi-font-family:宋体;}
span.Char1
	{mso-style-name:"批注框文本 Char";
	mso-style-noshow:yes;
	mso-style-priority:99;
	mso-style-unhide:no;
	mso-style-locked:yes;
	mso-style-link:批注框文本;
	font-family:宋体;
	mso-ascii-font-family:宋体;
	mso-fareast-font-family:宋体;
	mso-hansi-font-family:宋体;}
p.msochpdefault, li.msochpdefault, div.msochpdefault
	{mso-style-name:msochpdefault;
	mso-style-unhide:no;
	mso-margin-top-alt:auto;
	margin-right:0cm;
	mso-margin-bottom-alt:auto;
	margin-left:0cm;
	mso-pagination:widow-orphan;
	font-size:10.0pt;
	font-family:宋体;
	mso-bidi-font-family:宋体;}
span.msonormal0
	{mso-style-name:msonormal;
	mso-style-unhide:no;}
.MsoChpDefault
	{mso-style-type:export-only;
	mso-default-props:yes;
	font-size:10.0pt;
	mso-ansi-font-size:10.0pt;
	mso-bidi-font-size:10.0pt;
	mso-ascii-font-family:"Times New Roman";
	mso-hansi-font-family:"Times New Roman";
	mso-font-kerning:0pt;}
 /* Page Definitions */
@page WordSection1
	{size:595.3pt 841.9pt;
	margin:72.0pt 90.0pt 72.0pt 90.0pt;
	mso-header-margin:42.55pt;
	mso-footer-margin:49.6pt;
	mso-paper-source:0;}
div.WordSection1
	{page:WordSection1;}
-->
</style>
</head>
<body lang=ZH-CN style='tab-interval:21.0pt'>
<div class=WordSection1>
<p align=center style="font-size:20pt;font-weight:bold;">JS导出Word已"页面视图"打开</p>
</div>
</body>
</html>


 用word打开后的效果图如下：

收起

展开全文

word批量设置图像大小

千次阅读 2018-11-30 11:17:04

当word文档中需要批量设置几十幅乃至更多图片大小时，逐个设置费时费力，本文介绍了一种使用宏操作实现图片大小批量设置的简单方法。当然，除此之外，也可以通过宏代码实现一些其他功能，如[1]所述的修改第x张图片到...

当word文档中需要批量设置几十幅乃至更多图片大小时，逐个设置费时费力，本文介绍了一种使用宏操作实现图片大小批量设置的简单方法。当然，除此之外，也可以通过宏代码实现一些其他功能，如[1]所述的修改第x张图片到第y张图片的大小、把某些字加粗和改变颜色、所有的图片保存在一个文件夹下，或转移图片到另外一个word文档等等，但要求对编程语言有更深入一步的了解。

软件：word 2013, 操作系统：Windows 10

1、按视图->宏->查看宏，输入一个宏名setFigSize，按创建，如下：

2、在代码编辑框输入如下代码，保存后退出代码编辑页面，可通过快捷键Ctrl+s和Alt+F4实现保存和退出。其中本例中高度和宽度单位为px,也可将之转换为cm,1cm等于28.35px,如[2]所述。

  Weight = 600   '设置的图片宽度
      Height = 400  '设置的图像高度
      On Error Resume Next '忽略错误
      For i = 1 To ActiveDocument.InlineShapes.Count 'InlineShapes类型图片
              ActiveDocument.InlineShapes(i).Height = Height '设置图片高度为 Height_px
             ActiveDocument.InlineShapes(i).Width = Weight '设置图片宽度 Weight_px
     Next i
     For i = 1 To ActiveDocument.Shapes.Count 'Shapes类型图片
             ActiveDocument.Shapes(i).Height = Height '设置图片高度为 Height_px
             ActiveDocument.Shapes(i).Width = Weight '设置图片宽度 Weight_px

     Next i

3、运行宏setFigSize。如步骤1方式查看宏，输入setFigSize找到该宏名后，选中，再选择“运行”按键。

4、宏代码修改编辑。如果需要再次修改编辑setFigSize宏代码，如步骤1方式查看宏，输入setFigSize找到该宏名后，选中，再选择“编辑”按键可弹出宏代码编辑框。

参考：

[1] http://www.cnblogs.com/cmyg/p/6708441.html word中批量修改图片大小的两个方法

[2] https://blog.csdn.net/zhaoshuzhaoshu/article/details/77528179 使用宏的方式, 批量修改word中图片的大小

收起

展开全文

Java如何设置word中某段文字的字体/段落样式

千次阅读 2019-04-25 15:04:37

//设置服务器页面 poCtrl.setServerPage(request.getContextPath()+"/poserver.zz"); //此行必须 //设置文档打开方式 poCtrl.webOpen("test.doc", OpenModeType.docNormalEdit, "张三"); %> <!DOCTYPE ...

 
  
   
  				版权声明：本文为博主原创文章，如果喜欢欢迎收藏转载！					https://blog.csdn.net/IT_zhang81/article/details/89311864				</div>
							<link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-f57960eb32.css">
							            <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/ck_htmledit_views-f57960eb32.css">
					<div class="htmledit_views" id="content_views">
            <h2><a name="t0"></a>前言:</h2>
 
 

在我们的OA系统中,有时需要将某段文字字体/大小/颜色/段落样式做一个统一修改，或者直接在某个位置插入一段带样式的内容。这就需要我们学习微软activex控件的使用了。但是这需要开发者具备将activex控件集成到Java环境的能力。对于大部分Java开发工程师来说，仅仅解决单一的功能就要掌握activex控件，未免学习成本太大。 
所以我们今天就要介绍一个中间件技术——pageoffice，此中间件技术已经将 在web系统操作office文档的大部分功能整合完毕，大家只需要关注自己web系统的业务逻辑即可，学习成本低，且功能很丰富。下面我们来实战用pageoffice实现一下用Java修改某段word中文字字体/大小/颜色/段落样式的功能。 
先看效果： 
 
  
 部署步骤(只需4步) 
1.官网http://www.zhuozhengsoft.com/dowm/下载集成文件，引入jar包，配置web.xml 
 
去刚才下载的集成文件中找到lib,将里面的内容放在项目web-inf的lib中引入jar包,然后将web.xml的pageoffice配置引入到自己项目的wb.xml中 
2.在父页面aaa.jsp(需要打开文档的页面)放一个a标签或者button 
写a标签之前先引入pageoffice需要的js文件 

 
   
    
   
   
    
     <script type=
     "text/javascript" src=
     "/jquery.min.js">
     </script>
    
   

   
    
   
   
    
     <script type=
     "text/javascript" src=
     "/pageoffice.js" id=
     "po_js_main">
     </script>
    
   
  
然后添加a标签  
<a href="javascript:POBrowser.openWindowModeless('Default.jsp' , 'width=1200px;height=800px;');">控制数据区域文本的样式</a>
  
3.在父页面同级目录下创建一个名为Default.jsp的文件 

 
   
    
   
   
    
     <%@ page language=
     "java" 
     import=
     "java.util.*,java.awt.*"
    
   

   
    
   
   
    
     	pageEncoding=
     "utf-8"%>
    
   

   
    
   
   
    
     <%@page
    
   

   
    
   
   
    
     	import="com.zhuozhengsoft.pageoffice.*,com.zhuozhengsoft.pageoffice.wordwriter.*"%>
    
   

   
    
   
   
    
     <%
    
   

   
    
   
   
    
     	WordDocument doc = new WordDocument();
    
   

   
    
   
   
    
     	DataRegion d1 = doc.openDataRegion("PO_d1");
    
   

   
    
   
   
    
     	d1.getFont().setColor(Color.BLUE);//设置数据区域文本字体颜色
    
   

   
    
   
   
    
     	d1.getFont().setName("华文彩云");//设置数据区域文本字体样式
    
   

   
    
   
   
    
     	d1.getFont().setSize(16);//设置数据区域文本字体大小
    
   

   
    
   
   
    
     	d1.getParagraphFormat().setAlignment(
    
   

   
    
   
   
    
     			WdParagraphAlignment.wdAlignParagraphCenter);//设置数据区域文本对齐方式
    
   

   
    
   
   
     
    
   

   
    
   
   
    
     	PageOfficeCtrl poCtrl = new PageOfficeCtrl(request);
    
   

   
    
   
   
    
     	poCtrl.setWriter(doc);
    
   

   
    
   
   
     
    
   

   
    
   
   
    
     	//设置服务器页面
    
   

   
    
   
   
    
     	poCtrl.setServerPage(request.getContextPath()+"/poserver.zz"); //此行必须
    
   

   
    
   
   
    	
    
   

   
    
   
   
    
     	//设置文档打开方式
    
   

   
    
   
   
    
     	poCtrl.webOpen("test.doc", OpenModeType.docNormalEdit, "张三");
    
   

   
    
   
   
    
     %>
    
   

   
    
   
   
     
    
   

   
    
   
   
    
     <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    
   

   
    
   
   
    
     <html>
    
   

   
    
   
   
    
     	<head>
    
   

   
    
   
   
    
     		<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    
   

   
    
   
   
    
     		<title></title>
    
   

   
    
   
   
    
     		<link href="images/csstg.css" rel="stylesheet" type="text/css" />
    
   

   
    
   
   
     
    
   

   
    
   
   
    
     	</head>
    
   

   
    
   
   
    
     	<body>
    
   

   
    
   
   
    
     		<div id="textcontent" style="width: 1000px; height: 800px;">
    
   

   
    
   
   
    
     			<!--**************   卓正 PageOffice组件 ************************-->
    
   

   
    
   
   
    
     			<%=poCtrl.getHtmlCode("PageOfficeCtrl1")%>
    
   

   
    
   
   
    
     		</div>
    
   

   
    
   
   
     
    
   

   
    
   
   
    
     	</body>
    
   

   
    
   
   
    
     </html>
    
   
  
4.新建文件 
新建一个名为test.doc的word文件(如果新建的是docx文件就将第三步的poCtrl.webOpen("test.doc", OpenModeType.docNormalEdit, "张三");代码改为poCtrl.webOpen("test.docx", OpenModeType.docNormalEdit, "张三"); 
将新建的test.doc文件放在Default.jsp同级目录下。 
本地打开test.doc文件，随意输入一段文字，然后选中一部分内容。 
在选中的情况下，点击菜单栏插入-书签--书签名设置为PO_d1--点击添加(书签名称格式为PO_开头,比如自己设置的书签名为PO_T001,那么记得将第三步中的DataRegion d1 = doc.openDataRegion("PO_d1");改为 DataRegion d1 = doc.openDataRegion("PO_T001");)。 
 
  
然后启动项目直接访问aaa.jsp点击链接.此时会提示安装插件,点击安装成功后提示注册,填写相关信息,填写注册码Q37LN-W8NI-KFSQ-LEY3Y就可以打开文档. 
注意:如果需要更丰富的功能,可以去pageoffice官网下载示例代码直接将samples4文件夹拷贝到Tomcat的webapps下,启动Tomcat,浏览器访问http://localhost:8080/Samples4/index.html,查看示例中的下面一个链接,直接看samples4文件夹下DataRegionText文件夹里面的代码. 
 
  
刚开始接触pageoffice的话,也可以看视频快速上手http://www.zhuozhengsoft.com/Technical/ 
 
如有侵权,请联系博主

收起

展开全文

java word office

【JavaScript】用于模拟 word 生成网页页面的插件

千次阅读 2020-03-23 20:06:47

DocTool开源。创建段落文本：标题、副标题、一级标题、二级标题、正文、自定义文本。通过图片base64或路径创建浮动...页面调整：插入分页符、删除最后一页、删除第一页、删除指定页码的页、删除全部页、改变页面大小。



 DocTool
 开源网址
简介
使用
1. 引入文件
2. 初始化
3. 页面调整
1) 插入分页符
2) 删除最后一页
3) 删除第一页
4) 删除指定页码的页
5) 删除全部页
6) 改变页面大小
7) 设置自定义页面参数
    
4. 创建段落文本
1) 标题
2) 副标题
3) 一级标题
4) 二级标题
5) 正文
6) 自定义文本
    
5. 创建图片
1) 通过图片 base64 创建图片行
2) 通过图片 base64 创建浮动图片
3) 通过图片路径创建图片行
4) 通过图片路径创建浮动图片
    
6. 创建表格
1) 创建默认样式表格
2) 创建自定义样式表格
3) 自定义参数详解
4) 自定义参数优先级
   
  
 

 
开源网址 
https://github.com/supsunc/docTool 
简介 
 用于模拟 Microsoft Office Word 生成页面。
 
 本插件基于 jQuery-3.4.1 实现。
 
 本插件使用 ES6 语法，可能与部分浏览器不兼容。
  
使用 
1. 引入文件 
css/docTool.css 
js/docTool.js 
2. 初始化 
默认样式：A4 大小，宽 792px，高 1120px，上边距 94px，下边距 94px，左边距 118px，右边距 118px，背景底色为白色，字体为 Arial。 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="container"></div>
</body>
</html>
 
初始化首页 
let doc = new DocTool("container");
// let doc = new DocTool("container", true);
 
不初始化首页 
let doc = new DocTool("container", false);
 
3. 页面调整 
1) 插入分页符 
相当于添加一个空白页。 
doc.addPage();
 
2) 删除最后一页 
doc.deleteLastPage();
 
3) 删除第一页 
doc.deleteFirstPage();
 
4) 删除指定页码的页 
页码从 0 开始。 
let index = 0;
doc.deletePage(index);
 
5) 删除全部页 
doc.deletePage();
 
6) 改变页面大小 
doc.changePageSize("A4");   // 目前仅支持 A4 大小
 
7) 设置自定义页面参数 
应用于 css 样式，单位需要为“px”，参数类型可为 string 可为 number。 
1.页面宽度 
doc.setPageWidth(width);
 
2.页面高度 
doc.setPageHeight(height);
 
3.页面上边距 
doc.setPagePaddingTop(paddingTop);
 
4.页面右边距 
doc.setPagePaddingRight(paddingRight);
 
5.页面下边距 
doc.setPagePaddingBottom(paddingBottom);
 
6.页面左边距 
doc.setPagePaddingLeft(paddingLeft);
 
4. 创建段落文本 
1) 标题 
默认样式：字号 30px（24 号），加粗，居中，行高 54px（1.5 行），段前 18px（0.5 行）。 
1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法。 
doc.createTitle("Title");
doc.createTitle("Title", {
    color: "#f00"
});
 
2.可通过相关方法修改标题样式。 
方式一 
doc.setTitleFontSize("30px");
doc.setTitleFontWeight("bold");
doc.setTitleFontColor("#000");
doc.setTitleTextAlign("center");
doc.setTitleLineHeight("54px");
doc.setTitleParagraphPaddingTop("18px");
doc.setTitleParagraphPaddingBottom("0px");
 
方式二，该参数遵循 jQuery 的 css 语法 
doc.setTitleStyle({
    fontSize: "30px",
    fontWeight: "bold"
});
 
当调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效。 
3.可清除自定义样式。 
清除设置并生效 
doc.clearTitleStyle();
 
仅清除设置 
doc.clearTitleStyleSetting();
 
2) 副标题 
默认样式：字号 23px（18 号），加粗，居中，行高 39px（1.5 行），段前 13px（0.5 行）。 
1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法。 
doc.createSubTitle("SubTitle");
doc.createSubTitle("SubTitle", {
    color: "#f00"
});
 
2.可通过相关方法修改副标题样式。 
方式一 
doc.setSubTitleFontSize("23px");
doc.setSubTitleFontWeight("bold");
doc.setSubTitleFontColor("#000");
doc.setSubTitleTextAlign("center");
doc.setSubTitleLineHeight("39px");
doc.setSubTitleParagraphPaddingTop("13px");
doc.setSubTitleParagraphPaddingBottom("0px");
 
方式二，该参数遵循 jQuery 的 css 语法 
doc.setSubTitleStyle({
    fontSize: "23px",
    fontWeight: "bold"
});
 
当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效 
3.可清除自定义样式。 
清除设置并生效 
doc.clearSubTitleStyle();
 
仅清除设置 
doc.clearSubTitleStyleSetting();
 
3) 一级标题 
默认样式：字号 20px（16 号），加粗，居左，行高 33px（1.5 行），段前 11px（0.5 行）。 
1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法。 
doc.createH1("Title 1");
doc.createH1("Title 1", {
    color: "#f00"
});
 
2.可通过相关方法修改一级标题样式。 
方式一 
doc.setH1FontSize("20px");
doc.setH1FontWeight("bold");
doc.setH1FontColor("#000");
doc.setH1TextAlign("center");
doc.setH1LineHeight("33px");
doc.setH1ParagraphPaddingTop("11px");
doc.setH1ParagraphPaddingBottom("0px");
 
方式二，该参数遵循 jQuery 的 css 语法 
doc.setH1Style({
    fontSize: "20px",
    fontWeight: "bold"
});
 
当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效 
3.可清除自定义样式。 
清除设置并生效 
doc.clearH1Style();
 
仅清除设置 
doc.clearH1StyleSetting();
 
4) 二级标题 
默认样式：字号 18px（14 号），加粗，居左，行高 31px（1.5 行），段前 10px（0.5 行）。 
1.可通过第二个参数指定样式，该参数遵循 jQuery 的 css 语法 
doc.createH2("Title 2");
doc.createH2("Title 2", {
    color: "#f00"
});
 
2.可通过相关方法修改二级标题样式 
方式一 
doc.setH2FontSize("18px");
doc.setH2FontWeight("bold");
doc.setH2FontColor("#000");
doc.setH2TextAlign("center");
doc.setH2LineHeight("31px");
doc.setH2ParagraphPaddingTop("10px");
doc.setH2ParagraphPaddingBottom("0px");
 
方式二，该参数遵循 jQuery 的 css 语法 
doc.setH2Style({
    fontSize: "30px",
    fontWeight: "bold"
});
 
当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效 
3.可清除自定义样式。 
清除设置并生效 
doc.clearH2Style();
 
仅清除设置 
doc.clearH2StyleSetting();
 
5) 正文 
默认样式：字号 14px（10.5 号），居左，行高 24px（1.5 行），段前 8px（0.5 行）。 
1.可创建两种形式正文 
方式一(仅一个参数)：普通文本，默认样式 
doc.createText("Text");
 
方式二(两个参数)：第一个参数为粗体文本，其余样式符合默认样式，第二个参数为普通文本符合默认样式 
doc.createText("Title", "Text");
 
2.可通过相关方法修改正文样式 
方式一 
doc.setTextFontSize("14px");
doc.setTextFontWeight("normal");
doc.setTextFontColor("#000");
doc.setTextTextAlign("center");
doc.setTextLineHeight("24px");
doc.setTextParagraphPaddingTop("8px");
doc.setTextParagraphPaddingBottom("0px");
 
方式二，该参数遵循 jQuery 的 css 语法 
doc.setTextStyle({
    fontSize: "14px",
    fontWeight: "bold"
});
 
当调用调用方式二时，会覆盖方式一的全部设置，只有在方式二中传入空对象 {}，或清除自定义样式才能使方式一的设置生效 
3.可清除自定义样式。 
清除设置并生效 
doc.clearTextStyle();
 
仅清除设置 
doc.clearTextStyleSetting();
 
6) 自定义文本 
默认样式：无。 
方式一：创建无样式的文本 
doc.createCustomText("Text");
 
方式二：创建指定 css 类的文本 
doc.createCustomText("Title", "docText");
doc.createCustomText("Title", ["docText", "docH1"]);
 
方式三：创建指定样式的文本，第三个参数该参数遵循 jQuery 的 css 语法 
doc.createCustomText("Title", "", {
    fontSize: "14px",
    fontWeight: "bold"
});
doc.createCustomText("Title", [], {
    fontSize: "14px",
    fontWeight: "bold"
});
doc.createCustomText("Title", undefined, {
    fontSize: "14px",
    fontWeight: "bold"
});
 
第二个和第三个参数可同时使用 
5. 创建图片 
1) 通过图片 base64 创建图片行 
默认样式：居中 
方式一：带 mimeType 前缀的 base64 
let base64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA2LTI3VDE1OjQwOjEzKzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0wMy0yM1QxNzozNzozNiswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0wMy0yM1QxNzozNzozNiswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MTk3YWUwYi1jMmNkLTUzNDEtODE0Mi1mMjU5YjAwZTMyZTkiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpiODQwYjc0ZC02MmUxLWY5NDgtYjUxNS0wNWNhZWFmMjZjNDYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo0ZTE2ZDAwZC1iZDllLTI0NDUtYmE2Mi0wNTU3ZDk5YTQ0NjgiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjRlMTZkMDBkLWJkOWUtMjQ0NS1iYTYyLTA1NTdkOTlhNDQ2OCIgc3RFdnQ6d2hlbj0iMjAxOC0wNi0yN1QxNTo0MDoxMyswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MTk3YWUwYi1jMmNkLTUzNDEtODE0Mi1mMjU5YjAwZTMyZTkiIHN0RXZ0OndoZW49IjIwMjAtMDMtMjNUMTc6Mzc6MzYrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4eR08FAAAD3ElEQVQ4EQXBzY/cZQHA8e/zMr/f/HZmttPd7XZgd/uyWxIImgAVjB4AvXJRLnIw/gEKRgInCFwIBzCYGBOPJiZg4kUkRElM6s0EOEACoZfGAg0VEFba7svszszzfP18UFGxiBbmzqjuU93jV798i83+dSf9z4WLpuYu4Wl3Bns6n6JSlYWiohJUAKBCjRxFuGvtIz/Z/QFt2iWVEdO0Ry4RQgUjmTUefPIFapFUb/HX3z0VWgAAFZWFc+bHQuxMEWNYNXYI93qu1Z88+nefe15JmHut22e2XDt12u9/735P3/0jVVSCCgDsYlllvPSoB/V1Tg6/5J2PDNu3j6G27Ezw6s1AP8PKeEI7GtEJx2XB1Vmfeu1yAEBFRefUWrk5+5w33/oHi5noDdaWdWc4kzCy1yChcfvCjtubm/7mlZf882uvSrdlrVUVVFSsUovUKlo4Vrrxt+3HxsCKiYFEvO/eBxwujZz/95rObjgOuHbnI5ZSVKEsZNJ+6iBe8rZOL154w4Vf8P57QoukkTHh2d7X6mfs35Iyl1MP/8J28oC5wT5oERW0sH7ytzZ0kpNDkIzbK5c81x2YI9LD82f/4sbosvCsC/8DHW6dWXdn57yRgSoqFKfEVezRmRLGFmPEwCkn3cyUkjHiifyEgbEp4fbg2C73DRlz6LsxeUEVFayyvXrN2MMWhFVzCiZGxjiU9meGiDFgDI0xRmNGwpKAd57+l7OFqKigolIVZ/LVTOgjYSw9/PVLb5tbzDRuntiTFUwNhoSv/00W7qGiooKKin7DsQdMVn5u02IGzy4Xy5GGjJmRG83UM91n0sfYIIydFlFRUUF3WXjEtMpk+HtTyMaE7XJrVeZ+zVJCeq3ro5kqWz0NYWCI2A2+49SPUVFhMRfdh4QhYUgYM27v/FHdxyJdRHJyfajVOdY5mWRI2Iu4fOJxVVQgLBkTxtCa6Dx9+4vePJIUGnsMjCPMaWAOfe+/559Wp6jcLNchtBKHLgXUggpb+VDItkO8bVnn82MsBVI0xMYYMSZkgMVPcSE6Z3ooj3xXc8Zxf0+rqFDm/+PCHa+6P5NpkeItqlcgnTXQN/YxxujmQDfXP3Bj7bKnRvueTO8Kzwg/Foa+8rKohI2Vf3t0BLuHl4C3CXyDXIHuGvFoTgwzaihYMjkss/AAQiR4BFFCgGpmtb3CV4fnQu6VG1yfXSSFBkwEpsQEixnEDAGoLgMPs/Ae2nCefvMQXTpP4YCQDmnyh1z98lwAyA/99AaLP0joPqE0H7Cy+jHfum/Mn157LIRYgQoUcBkEAABCBQbggBJ/SCoA8H+fP8wCdTk5YgAAAABJRU5ErkJggg==";
doc.createImgInLineWithBase64(base64);
 
方式二：不带 mimeType 前缀的纯 base64，需要通过第二个参数设置 mimeType 
doc.createImgInLineWithBase64(base64, {type: "png"});
 
可通过第二个参数设置图片 align、title、alt、css 样式 
doc.createImgInLineWithBase64(base64, {
    type: "png",
    title: "title",
    alt: "alt",
    align: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});
 
2) 通过图片 base64 创建浮动图片 
默认样式：右浮动 
方式一：带 mimeType 前缀的 base64 
doc.createImgFloatWithBase64(base64);
 
方式二：不带 mimeType 前缀的纯 base64，需要通过第二个参数设置 mimeType 
doc.createImgFloatWithBase64(base64, {type: "png"});
 
可通过第二个参数设置图片 title、alt、float、css 样式 
doc.createImgFloatWithBase64(base64, {
    type: "png",
    title: "title",
    alt: "alt",
    float: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});
 
3) 通过图片路径创建图片行 
默认样式：居中 
let path = "images/img.png";
doc.createImgInLineWithPath(path);
 
可通过第二个参数设置图片 align、title、alt、css 样式 
doc.createImgInLineWithPath(path, {
    title: "title",
    alt: "alt",
    align: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});
 
4) 通过图片路径创建浮动图片 
默认样式：右浮动 
doc.createImgFloatWithPath(path);
 
可通过第二个参数设置图片 title、alt、float、css 样式 
doc.createImgFloatWithPath(path, {
    title: "title",
    alt: "alt",
    float: "left",
    style: {
        width: "100px",
        height: "100px"
    }
});
 
6. 创建表格 
1) 创建默认样式表格 
默认样式：根据窗口及内容自动调整宽度，文字居中，边框为 1px solid #000。 
doc.createTable([[1,2,3],[1,2,3],[1,2,3]]);
 
2) 创建自定义样式表格 
通过第二个参数定义样式。 
doc.createTable([[1,2,3],[1,2,3],[1,2,3]], {
    className: "docTable",
    style: {
        color: "#f00"
    }
});
 
3) 自定义参数详解 
 className: {string|Array} 给 table 指定 css 类名。默认为 "docTable"。
 
 style: {Object} 给 table 添加指定样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 multipleLine: {boolean} 是否解析每个单元格内的多行文本。默认为 true。
 
 multipleLineSplitSymbolRegExp: {string} 单元格内多行文本切割正则表达式字符串。默认为 "\\n"。
 
 customCol: {Array} 指定的行应用特殊样式，数组内元素应为数字，表示行数，下标从 0 开始。默认为 []。
 
 customColStyle: {Object} 指定的行应用的特殊样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 customRow: {Array} 指定的列应用特殊样式，数组内元素应为数字，表示列数，下标从 0 开始。默认为 []。
 
 customRowStyle: {Object} 指定的列应用的特殊样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 topHeadNum: {number} 指定上表头行数，以应用上表头样式。默认为 0。
 
 topHeadStyle: {Object} 上表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 leftHeadNum: {number} 指定左表头列数，以应用左表头样式。默认为 0。
 
 leftHeadStyle: {Object} 左表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 rightHeadNum: {number} 指定右表头列数，以应用右表头样式。默认为 0。
 
 rightHeadStyle: {Object} 右表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 bottomHeadNum: {number} 指定下表头行数，以应用下表头样式。默认为 0。
 
 bottomHeadStyle: {Object} 下表头样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 contentStyle: {Object} 全部单元格 td 的样式，遵循 jQuery 的 css 语法。默认为空对象 {}。
 
 contentStyles: {Array} 二维数组，与表格内容二维数组相对应，可指定任意单元格 td 的样式，遵循 jQuery 的 css 语法。如无需指定可传入 undefined 等非 Object 类型的值。默认为 []。
 
 contentStylesPrivilege: {Array} 二维数组，与表格内容二维数组相对应，可指定任意单元格 td 的样式，遵循 jQuery 的 css 语法。如无需指定可传入 undefined 等非 Object 类型的值。默认为 []。
  
4) 自定义参数优先级 
权重从最低到最高（下面的会覆盖上面的冲突样式）的排序为： 
 contentStyle（优先级最低的单元格 td 样式）
 
 contentStyles
 
 customRowStyle
 
 customColStyle
 
 rightHeadStyle
 
 bottomHeadStyle
 
 leftHeadStyle
 
 topHeadStyle
 
 contentStylesPrivilege（优先级最高的单元格 td 样式）
  
以上样式全部应用于单元格 td。 
 
未完待续 2020.03.30

收起

展开全文

Html方式导出word 页头和页脚设置
千次阅读 2019-09-30 04:03:32
<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/offic...
收起
使用freemarker导出html格式的word（调整页边距，页面视图，正常表格样式）
千次阅读 2018-07-17 10:37:41
博主的另一篇文章改用mht模板导出了包含图片的word： https://blog.csdn.net/u011099093/article/details/85318212 一、创建freemark模板首先在web項目中指定目錄下創建一個HTML格式的freemarker模板： &...
收起
freemarker ueditor word html
Vue导出页面为word格式
万次阅读 2019-05-30 10:36:33
1、构建页面需要的css并以js的方式导出 //构建打印页面的需要的css文件已js的形式并导出 export const cssJs =` html, body { position: relative; height: 100%; } .page_layout { position: relative; ...
收起
Vue导出页面为word
万次阅读 2019-05-11 10:27:14
由于导出word时，页面样式无法正常使用，因此整体页面采用table布局，尽在几个地方添加style样式，没有其余样式 /** * 当页面中有canvas时，我的做法是 * 在页面中预先放置一个src为空的img标签 * 点击...
收起
html页面导出word文档
千次阅读 2017-08-15 09:59:31
项目开发中遇到了需要将HTML页面的内容导出为一个word文档，所以有了这边随笔。当然，项目开发又时间有点紧迫，第一时间想到的是用插件，所以百度了下。下面就介绍两个导出word文档的方法。法一：通过jquery....
收起
java 在线给word 文件插入图片，并设置图片大小
千次阅读 2019-09-14 01:21:15
有时我们想在一篇word文档中的指定位置添加一张服务器上的图片,并且并且设置图片大小。这个对文档的操作一定是需要第三方api的。市面上对文档处理的插件有POI以及openoffice等等，学习成本很大，关键是通过这些插件...
收起
PT和PX的区别
千次阅读 2019-12-03 15:38:32
字体大小的设置单位，常用的有2种：px、pt。这两个有什么区别呢？先搞清基本概念： px就是表示pixel，像素，是屏幕上显示数据的最基本的点； pt就是point，是印刷行业常用单位，等于1/72英寸。这样很明白，px是一个...
收起
office便捷办公（1）：宏技术在同一页面设置多幅图片、快速填充花式处理字符串
2018-10-16 23:15:27
宏技术在同一页面设置多幅图片、快速填充花式处理字符串
收起
office
Word 2007 如何自动生成目录以及设置正文第一页？
千次阅读 2017-12-07 20:33:32
首先，讲解如何生成目录。第一步，设置目录的小结的题目。..." title="Word 2007 如何自动生成目录以及设置正文第一页？" style="margin:0px; padding:0px; border:0px; list-style:none">
收起
Java Web项目中使用Freemarker生成Word文档
万次阅读 多人点赞 2014-09-21 15:33:20
Web项目中生成Word文档的操作屡见不鲜，基于Java的解决方案也是很多的，包括使用Jacob、Apache POI、Java2Word、iText等各种方式，其实在从Office 2003开始，就可以将Office文档转换成XML文件，这样只要将需要填入的...
收起
Java Web Freemarker 生成Word文档插入图片解决乱码
html页面通过media="print"打印成word
2019-09-17 16:47:50
1.<style media="print">...的用法合理应用，media="print"是不被网页所显示的，只能在打印的效果上存在，可以设置出打印效果和在网页上所显示的不一样。 2.例：设置打印出来的字体和网页是不同的或者 ...
收起
CSS 设置表格格式
千次阅读 2018-02-27 18:18:11
表格在word中，表格是一项很常用的功能，并且表格的样式变化多端，用户可以根据需要选择自己喜欢的样式。那么，各式各样的表格到底是怎么实现的呢？本节，通过一个简单的表格，来揭开word表格的神秘面纱。表格的HTML...
收起
CSS
java实现word（docx）在线编辑（word转html，html转word）——代码实现
千次阅读 热门讨论 2019-11-08 10:18:05
一、具体实现思路 ... ... 由于pojo类过多，所以这里就不展示一个个展示，最后会提供下载地址， ...其中word中某些样式提供自定义的属性，如编号、项目符号、标题等 2、html转docx 根据之前自定义的属性，使用jsoup将h...
收起
word在线编辑 java word转html html转word
PHPWord的使用
千次阅读 2018-07-13 12:19:53
PHP导出word文档，可实现自动分页，可插入图片，表格。 1、下载PHPWord （1）使用composer： "require":{ "phpoffice/phpword": "v0.14.*" } （2）GitHub：点击打开...
收起
Angular10 + file-saver前端实现html导出word（包含图片）
2021-01-14 17:47:12
场景描述：在一个即将迎来美好周末的Friday，领导找到我，问我是不是做过html导出word文档的功能，我很诚恳地说做过图片。...Blob对象可以看作是存放二进制数据的容器，此外还可以通过blob设置二进制数据的MI
收起
html转word blob Angular
字体的大小(pt)和像素(px)如何转换？
万次阅读 2015-11-09 09:40:46
px:相对长度单位。像素（Pixel）。 pt:绝对长度单位。点（Point）。 1in = 2.54cm = 25.4 mm = 72pt = 6pc 具体换算是： Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em 55% 7.5pt 10
收起
Java打开word文档并执行指定宏命令
千次阅读 2019-02-15 14:38:56
我们都知道word中有一个宏功能，那我们能不能实现用Java语言在线打开word文档的同时，将指定宏代码运行呢？这是可以的。但是这需要开发者具备将activex控件集成到Java环境的能力。对于大部分Java开发工程师来说，...
收起
pageoffice word VBA
Vue 引入Ueditor修改样式仿照Word文档
2020-09-15 11:21:36
Vue 引入Ueditor修改样式仿照Word文档前言Vue 引入Ueditor仿照word文档进行样式修改合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格...
收起
vue css js
pt和px区别
万次阅读 2018-04-09 11:54:43
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> "content mod-cs-content text-content clearfix"> 字体大小的设置
收起
Java获取word表格中的数据
千次阅读 2019-05-17 17:57:58
原 Java获取word表格中的数据 2019年04月11日 11:13:07 IT_zhang81 阅读数：20 ...
收起
pageOffice java word office
inline-block标签间出现空白的解决方案(4px 8px问题)
2017-10-27 16:48:35
先贴上demo代码： Title *{ margin: 0; padding: 0; } ul { list-style: none outside none; padding: 16px;
收起
jsp在线预览pdf和word文件(在浏览器中预览pdf文件和Word文件)
千次阅读 2018-09-03 06:15:08
相关jar包和插件的下载地址：在线浏览pdf的插件在线浏览word文件的插件在浏览器中预览pdf文件和Word文件，下载完这些插件，导入到自己项目中，至于导入到哪个目录，web.xml...pdfAndWord.jsp页面 <%@ ...
收起
jsp javaWeb PageOffice
Java向word表格中添加新行并赋值
千次阅读 2019-02-22 09:56:39
但这是不够的，对于一些OA项目，则需要在线打开word文档并通过后台的设置将数据添加到word表格中，甚至对表格进行添加新行的操作。这需要开发者具备将activex控件集成到Java环境的能力。对于大部分Java开发工程师来...
收起
pageoffice word 表格
Java实现在线打开word文档并强制留痕/留下痕迹
千次阅读 2018-11-21 15:52:30
//设置服务器页面 poCtrl.setServerPage(request.getContextPath()+"/poserver.zz"); //添加自定义按钮 poCtrl.addCustomToolButton("保存","Save",1); poCtrl.addCustomToolButton("隐藏痕迹","hideRevision",18...
收起
pageoffice word

JS导出Word细节设置

一、JS导出Word以“页面方式”打开

二、JS调整页边距

三、完整的示例代码

word批量设置图像大小

Java如何设置word中某段文字的字体/段落样式

先看效果：

部署步骤(只需4步)

1.官网http://www.zhuozhengsoft.com/dowm/下载集成文件，引入jar包，配置web.xml

2.在父页面aaa.jsp(需要打开文档的页面)放一个a标签或者button

3.在父页面同级目录下创建一个名为Default.jsp的文件

4.新建文件

然后启动项目直接访问aaa.jsp点击链接.此时会提示安装插件,点击安装成功后提示注册,填写相关信息,填写注册码Q37LN-W8NI-KFSQ-LEY3Y就可以打开文档.

【JavaScript】用于模拟 word 生成网页页面的插件

DocTool

开源网址

简介

使用

1. 引入文件

2. 初始化

3. 页面调整

1) 插入分页符

2) 删除最后一页

3) 删除第一页

4) 删除指定页码的页

5) 删除全部页

6) 改变页面大小

7) 设置自定义页面参数

4. 创建段落文本

1) 标题

2) 副标题

3) 一级标题

4) 二级标题

5) 正文

6) 自定义文本

5. 创建图片

1) 通过图片 base64 创建图片行

2) 通过图片 base64 创建浮动图片

3) 通过图片路径创建图片行

4) 通过图片路径创建浮动图片

6. 创建表格

1) 创建默认样式表格

2) 创建自定义样式表格

3) 自定义参数详解

4) 自定义参数优先级

Html方式导出word 页头和页脚设置

使用freemarker导出html格式的word（调整页边距，页面视图，正常表格样式）

Vue导出页面为word格式

Vue导出页面为word

html页面导出word文档

java 在线给word 文件插入图片，并设置图片大小

PT和PX的区别

office便捷办公（1）：宏技术在同一页面设置多幅图片、快速填充花式处理字符串

Word 2007 如何自动生成目录以及设置正文第一页？

Java Web项目中使用Freemarker生成Word文档

html页面通过media="print"打印成word

CSS 设置表格格式

java实现word（docx）在线编辑（word转html，html转word）——代码实现

PHPWord的使用

Angular10 + file-saver前端实现html导出word（包含图片）

字体的大小(pt)和像素(px)如何转换？

Java打开word文档并执行指定宏命令

Vue 引入Ueditor修改样式仿照Word文档

pt和px区别

Java获取word表格中的数据

inline-block标签间出现空白的解决方案(4px 8px问题)

jsp在线预览pdf和word文件(在浏览器中预览pdf文件和Word文件)

Java向word表格中添加新行并赋值

Java实现在线打开word文档并强制留痕/留下痕迹

word页面设置px