用圖片顯示內容

1.1 版本

1.2 功能簡介

有時部分內容分頁預覽時發現有問題，例如：特殊字元，瀏覽器中會出現亂碼。還有自動調整列高欄寬等問題，這時就可使用以圖片顯示內容，就是為了保證設計器預覽效果與瀏覽器中預覽的效果一致的。

2.1 對單個儲存格設定

對單個儲存格設定「以圖片顯示內容」，選擇需要設定的儲存格，在右側的儲存格屬性中選擇「其他屬性>顯示內容>用圖片顯示內容」，如下圖所示：

2.2 對報表中所有儲存格設定

若希望對報表中的所有儲存格都有效，選擇「範本 Web 屬性>分頁預覽」，選擇為該範本單獨設定，勾選以圖片方式顯示。分頁預覽的時候，會生成圖片形式的報表，即滑鼠無法選中文字。如下圖所示：

3.1 對單個儲存格設定

3.1.1 建立範本

關於上傳圖片至資料庫可參考：上傳圖片 

點選「檔案>建立普通報表」，在 A1 儲存格內插入 SQL函式，公式為：sql("mysql","select *from file",2,1) 

公式的含義為直接取出該圖片在資料庫表中的二進制格式，公式中的「2,1」表示「file」表中處於第一列第二欄的儲存格。如下圖所示：

3.1.2 設定儲存格屬性

選中A1 儲存格，在右側屬性面板「儲存格屬性>其他>顯示內容」處選擇「用圖片顯示內容」，如下圖所示：

3.1.3 效果預覽

1）PC 端

儲存範本，點選「分頁預覽」，效果如下圖所示：

2）行動端

App 與 HTML5 端顯示效果相同，如下圖所示：

3.2 對報表中所有儲存格設定

3.2.1 準備範本

開啟內建GettingStarted.cpt 範本

3.2.2 設定範本 Web 屬性

點選設計器菜單欄「範本>範本Web屬性>分頁預覽設定」，選擇「為該範本單獨設定」，勾選「以圖片方式顯示」，如下圖所示：

3.2.3 效果預覽

1）PC 端

儲存範本，點選「分頁預覽」，此時生成圖片形式的報表，滑鼠無法選中文字。效果如下圖所示：

2）行動端

App 與 HTML5 端顯示效果相同，如下圖所示：