GrapeCity.devlog

グレープシティ株式会社のDeveloper Tools〈開発支援ツール〉の、製品のTIPSや発売などに関する最新情報をお届けします。

GrapeCity

DioDocsでExcelのワークブックやワークシートをHTMLに出力する

今回は、「DioDocs(ディオドック)」でExcelファイルに含まれるワークブックやワークシートをHTMLファイルに出力する機能を紹介したいと思います。こちらは2020年9月16日(水)にリリースされた「DioDocs V3J SP2」でDioDocs for Excelに追加された機能です。

ExcelファイルをHTML化することで、Adobe Acrobat ReaderのようなPDFビューワーがインストールされていない環境のブラウザやWebアプリケーションでWebページとしてExcelファイルのデータを表示・参照することができます。

この機能を使用してHTMLファイルに出力できる内容は以下の3種類です。

  • ワークブック
  • ワークシート
  • セル範囲

以下のようなワークシートを持つExcelファイルBreakEven.xlsxにこの機能を使用してみます。

Excelファイル(BreakEven.xlsx)

Excelファイル(BreakEven.xlsx)

ワークブックを出力する

まず、Excelファイルを読み込みます。

// 新規ワークブックの作成
var workbook = new Workbook();

// xlsxファイルを開く
workbook.Open("BreakEven.xlsx");

次にHTML形式を指定して保存します。

// ワークブックをHTML形式に保存します
workbook.Save("saveworkbooktohtml.html", SaveFileFormat.Html);

デフォルトではHTMLファイルsaveworkbooktohtml.htmlと画像ファイル(PNG)、CSSファイルを含むフォルダsaveworkbooktohtml_filesが出力されます。

出力結果(ワークブック)

HTMLファイルsaveworkbooktohtml.htmlでは、フッター部分のボタンでワークシートを切り替えることができます。

出力結果(ワークブック)

出力結果(ワークブック)

ワークシートを出力する

まず、Excelファイルを読み込んで、HtmlSaveOptionsを使用して対象のワークシートを設定します。

// 新規ワークブックの作成
var workbook = new Workbook();

// xlsxファイルを開く
workbook.Open("BreakEven.xlsx");

HtmlSaveOptions options = new HtmlSaveOptions();

// 最初のシートを出力
options.ExportSheetName = workbook.Worksheets[0].Name;

次にHTML形式を指定して保存します。

// ワークシートをHTML形式に保存します
workbook.Save("saveworksheettohtml.html", options);

デフォルトではHTMLファイルsaveworksheettohtml.htmlと画像ファイル(PNG)、CSSファイルを含むフォルダsaveworksheettohtml_filesが出力されます。

出力結果(ワークシート)

ワークブックと同じく、HTMLファイルsaveworksheettohtml.htmlもブラウザで表示することができます。

出力結果(ワークシート)

セル範囲を出力する

まず、Excelファイルを読み込んで、HtmlSaveOptionsを使用して対象のワークシートと出力するセル範囲を設定します。

// 新規ワークブックの作成
var workbook = new Workbook();

// xlsxファイルを開く
workbook.Open("BreakEven.xlsx");

HtmlSaveOptions options = new HtmlSaveOptions();

// 最初のシートを出力
options.ExportSheetName = workbook.Worksheets[0].Name;

// 出力する範囲を設定
options.ExportArea = "D2:G23";

次にHTML形式を指定して保存します。

// ワークシートをHTML形式に保存します
workbook.Save("saverangetohtml.html", options);

デフォルトではHTMLファイルsaverangetohtml.htmlと画像ファイル(PNG)、CSSファイルを含むフォルダsaverangetohtml_filesが出力されます。

出力結果(セル範囲)

ワークブックやワークシートと同じく、HTMLファイルsaveworkrangetohtml.htmlもブラウザで表示することができます。

出力結果(セル範囲)

サブフォルダに画像やCSSを出力せずにHTMLに埋め込むには?

以下のようにExportImageAsBase64ExportCssSeparatelyを設定します。

// 新規ワークブックの作成
var workbook = new Workbook();

// xlsxファイルを開く
workbook.Open("BreakEven.xlsx");

HtmlSaveOptions options = new HtmlSaveOptions();

// 最初のシートを出力
options.ExportSheetName = workbook.Worksheets[0].Name;

// base64として画像が出力されるよう設定
options.ExportImageAsBase64 = true;

// html内にcss styleが出力されるよう設定
options.ExportCssSeparately = false;

今回紹介した機能はDioDocsのデモで確認できます。

ワークブックをHtmlに保存

ワークシートをHtmlに保存

範囲をHtmlに保存

単一のHtmlに保存


今月末に開催するオンラインセミナーでは、DioDocsでExcel帳票を作成する機能を紹介する予定です。ぜひお気軽にご参加ください。

  • グレープシティ株式会社のDeveloper Tools〈開発支援ツール〉の製品・技術資料をご覧ください。
  • グレープシティ株式会社のDeveloper Tools〈開発支援ツール〉の製品のデモアプリケーションをお試しください。