1. 概述
1.1 版本
| 報表服務器版本 | JAR 包 | HTML解析插件版本 |
|---|---|---|
| 10.0.10 | 2020-11-02 | V1.0.0 |
1.2 應用場景
用戶導出包含 HTML 語句的模板，出現導出效果與預覽效果不相同的情況時，由於不清楚導出支持的 HTML 标簽，将無法修改及優化 HTML 語句。
安裝 HTML 解析插件後，将優先使用插件中的邏輯展示及導出 HTML ，用戶可參考本文所展示的 HTML 标簽優化使用模板中的 HTML 語句。
1.3 功能簡介
用於處理模板中 HTML 相關的導出預覽邏輯，确保 HTML 的顯示和導出效果，安裝後将優先使用插件中的邏輯來展示及導出 HTML 。
2. 插件介紹
2.1 安裝插件
插件下載請點擊：HTML 解析插件
設計器插件安裝方法請參見：設計器插件管理
服務器安裝插件方法請參見：服務器插件管理
注：用戶升級到 10.0.10 版本後，将自動安裝該插件；升級到 10.0.10 後回退到之前舊版本，HTML 解析插件自動禁用。
2.2 HTML 解析邏輯優先級
具體介紹如下所示：
同時安裝 HTML 解析插件及性能插件時，HTML 解析使用「HTML解析插件」的邏輯。
僅安裝 HTML 解析插件時，HTML 解析使用「HTML解析插件」的邏輯。
僅安裝 性能插件 時，HTML 解析使用「性能插件」的 HTML 解析邏輯。
不安裝任何插件時，HTML 解析使用産品内置的邏輯。
3. 塊級标簽
本章介紹導出支持的塊級标簽。
3.1 h1-h6
3.2 div
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：不支持 導出Word：不支持 導出Excel：不支持 導出圖片：不支持 性能插件：不支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 注：背景圖片只顯示在有文本的地方 | ||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) ） | 導出PDF：不支持 導出Word：不支持 導出Excel：不支持 導出圖片：不支持 性能插件：不支持 | |
| background-image | 圖片： background-image:url('localhost:3000/test.img') | 非相對路徑 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 注：背景圖片只顯示在有文本的地方 | |
| background-size | 圖片大小:background-size:80px 60px | 單位：px 或 pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) ） | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| 邊框 | border | 邊框：border:1px solid #000 或 1px solid | 大小（單位：px 或 pt） 樣式（樣式：solid 或 dashed ） 顔色（顔色：名稱、16進制值 或 rgb ） | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 |
border-color | 邊框顔色：border-color:red green blue pink | |||
| border-width | 邊框寬度：border-width:2px | |||
| border-style | 邊框樣式：border-style:solid | |||
| border-top | 上邊框：border-top:1px solid #000 或 1px solid | |||
| border-bottom | 下邊框：border-bottom:1px solid #000 或 1px solid | |||
| border-left | 左邊框：border-left:1px solid #000 或 1px solid | |||
| border-right | 右邊框：border-right:1px solid #000 或 1px solid | |||
border-*-width (*:top|bottom|left|right) | 邊框寬度:：border-top-width:1px | 單位：px 或 pt | ||
| border-*-style | 邊框樣式:：border-top-width:dashed | 樣式：solid 或 dashed | ||
| border-*-color | 邊框顔色：border-top-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) ） | ||
| 段落 | line-height | 行高：line-height:10px | 例：單位 px 、pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| width | 寬度：width:10px | 例：單位：px、pt 或 % 三種 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| text-align | 對齊：text-align:left | 例： left、right 或 center | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| text-indent | 首行縮進：text-indent:10px | 例：單位：px、pt | 導出PDF：不支持 導出Word：不支持 導出Excel：不支持 導出圖片：不支持 性能插件：不支持 | |
| padding | 内邊距:padding:10px 5px 15px 20px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| padding-top padding-bottom padding-left padding-right | 内邊距: padding-top:10px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| margin | 外邊距: margin:10px 5px 15px 20px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
margin-top margin-bottom margin-left margin-right | 外邊距: margin-top:10px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 |
3.3 p
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持，以圖片顯示 導出圖片：支持 性能插件：不支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | 導出PDF：支持 導出Word：支持，以圖片顯示 導出Excel：支持，以圖片顯示 導出圖片：支持 性能插件：不支持 | ||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| background-image | 圖片： background-image:url('localhost:3000/test.img') | 非相對路徑 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| background-size | 圖片大小:background-size:80px 60px | 單位：px 或 pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 邊框 | border | 邊框：border:1px solid #000 或 1px solid | 大小（單位：px 或 pt） 樣式（樣式：solid 或 dashed ） 顔色（顔色：名稱、16進制值 或 rgb ） | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：支持 |
| border-color | 邊框顔色：border-color:red green blue pink | |||
| border-width | 邊框寬度：border-width:2px | |||
| border-style | 邊框樣式：border-style:solid | |||
| border-top | 上邊框：border-top:1px solid #000 或 1px solid | |||
| border-bottom | 下邊框：border-bottom:1px solid #000 或 1px solid | |||
| border-left | 左邊框：border-left:1px solid #000 或 1px solid | |||
| border-right | 右邊框：border-right:1px solid #000 或 1px solid | |||
border-*-width (*:top|bottom|left|right) | 邊框寬度:：border-top-width:1px | 單位：px 或 pt | ||
| border-*-style | 邊框樣式:：border-top-width:dashed | 樣式：solid 或 dashed | ||
| border-*-color | 邊框顔色：border-top-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 段落 | line-height | 行高：line-height:10px | 例：單位 px 、pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：支持 |
| width | 寬度：width:10px | 例：單位：px、pt 或 % 三種 | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| text-align | 對齊：text-align:left | 例： left、right 或 center | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| text-indent | 首行縮進：text-indent:10px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：支持 | |
| padding | 内邊距:padding:10px 5px 15px 20px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| padding-top padding-bottom padding-left padding-right | 内邊距: padding-top:10px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| margin | 外邊距: margin:10px 5px 15px 20px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 | |
| margin-top margin-bottom margin-left margin-right | 外邊距: margin-top:10px | 例：單位：px、pt | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 性能插件：不支持 |
3.4 ul/ol/li
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) ） |
4. 表格标簽
本章介紹導出支持的表格标簽。
4.1 table
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：支持 | |
| background-image | 圖片：background-image:url('localhost:3000/test.img') | 非相對路徑 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| background-size | 圖片大小：background-size:20px 20px | 單位：px 或 pt | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| font-size | 字體大小：font-size:10px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | 導出PDF：支持 導出Word：支持，但不支持td嵌套 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 段落 | line-height | 行高：line-height:10px | 例：單位 px 、pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| text-align | 對齊：text-align:left | 例： left、right 或 center | 導出PDF：不支持 導出Word：不支持 導出Excel：不支持 導出圖片：不支持 性能插件：不支持 | |
| text-indent | 首行縮進：text-indent:10px | 例：單位：px、pt | 導出PDF：不支持 導出Word：不支持 導出Excel：不支持 導出圖片：不支持 性能插件：不支持 | |
| 表格 | width | 寬度：width:100px | 例：單位 px、pt、% | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| height | 高度：height:100px | 例：單位 px、pt | ||
| table-layout | 表格-布局：table-layout:fixed | 例：fixed 、 auto（該值不保證導出效果一緻） | 導出PDF：支持 導出Word：支持，圖片展示 導出Excel：支持，圖片展示 導出圖片：支持 性能插件：不支持 | |
| cellpadding | 單元邊界與單元内容間距：cellpading=10 | 例：單位：px、pt | ||
| cellspacing | 單元於單元間距：cellspacing=10 | 例：單位：px、pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| border-collapse | 是否合并單元格邊框： border-collapse: collapse | 例：collapse、separate | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 注：collapse時導出的邊框是重複繪制的，所以會比預覽粗 | |
| border | 邊框：border=“1”； | 例：不需要單位 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 | |
| border-color | 邊框顔色：border-color:red | 例：red、#ff0000、rgb(255,0,0) |
4.2 tr
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| background-image | 圖片：background-image:url('localhost:3000/test.img') | 非相對路徑 | ||
| background-size | 圖片大小：background-size:20px 20px | 單位：px 或 pt | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| font-size | 字體大小：font-size:10px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 段落 | line-height | 行高：line-height:10px | 例：單位 px 、pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| height | 高度：height:100px | 例：單位 px、pt | ||
| text-align | 對齊：text-align:left | 例： left、right 或 center |
4.3 th/td
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| background-image | 圖片：background-image:url('localhost:3000/test.img') | 非相對路徑 | ||
| background-size | 圖片大小：background-size:20px 20px | 單位：px 或 pt | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| font-size | 字體大小：font-size:10px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 段落 | line-height | 行高：line-height:10px | 例：單位 px 、pt | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
| width | 寬度：width:10px | 例：單位：px、pt 或 % 三種 | ||
| height | 高度：height:100px | 例：單位 px、pt | ||
| text-align | 對齊：text-align:left | 例： left、right 或 center | 不支持 | |
| colspan | 合并列數:：olspan=2 | - | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 性能插件：不支持 |
5. 其他标簽
5.1 span
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.2 sub/sup
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：不支持 導出Word：不支持 導出Excel：不支持 導出圖片：不支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.2 b
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:talic | italic、normal 、 oblique 或 inherit | 導出PDF：支持 導出Word：不支持 導出Excel：不支持 導出圖片：支持 | |
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 | |
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.3 i
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：不支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | 導出PDF：不支持 導出Word：不支持 導出Excel：不支持 導出圖片：不支持 | |
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 | |
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.4 em
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.5 u
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.6 s/strike/del
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.7 font
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.8 strong
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | |||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) |
5.9 img
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 圖片 | src | 路徑：src="localhost:3000/test.img" | 例：localhost:3000/test.img 或 base64編碼後的圖片 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| width | 寬度：width:10px | 例：單位 px、pt | ||
| height | 高度：height:10px | 例：單位 px、pt |
5.10 a
| 屬性分類 | 屬性 | 屬性值 | 值範圍 | 導出文件類型 |
|---|---|---|---|---|
| 背景 | background | 顔色值：background:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| 圖片：background:url('localhost:3000/test.img') | 非相對路徑 | 導出PDF：支持 導出Word：不支持 導出Excel：支持 導出圖片：支持 | ||
| background-color | 顔色值：background-color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 | |
| 字體 | font-family | 字體名：font-family:'Times New Roman' | 字體名 | 導出PDF：支持 導出Word：支持 導出Excel：支持 導出圖片：支持 |
| font-size | 字體大小：font-size:16px | 單位：px、pt 或 em三種 | ||
| font-style | 字體樣式：font-style:italic | italic、normal 、 oblique 或 inherit | ||
| font-weight | 字體粗細：font-weight:bold | bold 、700 、800、900 均爲普通粗體 | ||
| text-decoration | 文本修飾：text-decoration:underline | underline 、line-through | ||
| color | 字體顔色：color:red | 名稱、16進制值 或 rgb 如：red、#ff0000、rgb(255,0,0) | ||
| 超鏈接 | href | 鏈接：href=“http://www.baidu.com” | 例：完整鏈接（例:http://www.baidu.com） | 導出PDF：支持，支持點擊超鏈跳轉 導出Word：支持 導出Excel：支持 導出圖片：支持 |
