ExcelからHTMLテーブル、スタイルシート生成

行や列の結合も再現。

Excelから貼り付けるだけでHTMLコードとスタイルシートを生成します。行や列の結合も再現。

ExcelからHTMLテーブル、スタイルシート生成

Excelで作成した表をウェブページやブログ等へ貼り付け可能なHTML及びSTYLE生成します。
処理はJavaScriptで完結しています。サーバーにアップロードされませんので機密データも安心。個人利用無料、商用利用無料。

Excelシートの範囲をコピーしてここへ貼り付けます

貼り付け後、セルの値を変更できます。

HTMLコード:

style

width

height

valign

align

プレビュー:

style調整:上記プレビューにスタイルを設定します。

table

width

backgroundColor

td

borderStyle

borderWidth

borderColor

whiteSpace

追加style

生成されたHTMLコード(style含む):

(ここに生成されたコードが表示されます)

生成されたHTMLコード(style含む)をダウンロードしてそのままブログやウェブページに貼り付けてご使用いただけます。
ダウンロードしたhtmlファイルをブラウザにドラッグして仕上がり具合をご確認ください。
*ブラウザにドロップすると日本語が文字化けする場合があります。charset="utf-8"指定が無いためですが、ブログやウェブページに組み込む場合は問題発生いたしません。

動作環境(2022-08-08時点)
・Google Chrome 103
・Microsoft Edge 103
・Mozilla Firefox 103
・Apple Safari 15.6
使い方:
Excelシートの範囲をコピーして、このページの貼り付けエリアへペーストします。

詳細説明:
Excelシートを範囲指定で選択し、Ctrl+C(または右クリックでコピー)します。そのままこのページの貼り付けエリアをクリックして、Ctrl+V(または右クリックで貼り付け)します。 HTMLテーブル構造がリアルタイム生成されますのでスタイルを適用します。
結果はダウンロードしてお使いいただけます。

注意:
  • ・Excelの罫線などの装飾は無視されます。
  • ・選択範囲がそのままテーブルタグになります。よってコピーする範囲は正確に決定ください。
  • ・Excel上でセルを連結していなくても、文字がはみ出して右のセルへかぶさっている場合は連結として判断される場合が有ります。その場合は列間隔を広くとってセル間の重なりを防いだ上でExcelからコピーしてください。
実施例:
Excelシートを用意します。
範囲を選択します。
Ctrl+C または、右クリックでコピーします。
本ページの貼り付け欄をクリックして Ctrl+V または、右クリックで貼り付けします。
結果プレビューが表示されます。この時点で、貼り付け欄でテーブルのセルを書き換えたりすることが可能です。
各種スタイルのパラメータを調整して仕上げます。
各種パラメータ欄を空欄にすればその属性は適用されません。不足のstyleは追加styleに記述します。
完成したらHTML+STYLEをダウンロードします。
backgroundColor, color
#fff , #ffffff , #ffffff88 , rgba(255,255,255,0.5) などの可能な形式は全て入力可能です。
padding
5px , 10px , 5px 10px , 5px 10px 5px 0 などの可能な形式は全て入力可能です。
その他CSS
追加styleに記述すればそのまま反映されます。
Excelから貼り付けるだけでHTMLテーブル構造のHTMLを生成します。行や列の結合も再現。貼り付けたデータのセル値を書き換えたり微調整が可能です。
スタイルを適用して、結果をダウンロードできます。
データはサーバーにアップロードされることは有りません。全てローカルで処理されますので機密文書でも安心してお使いいただけます。
この記事は2022年8月時点のものです。
このサイトについてのお問い合わせはエーオーシステムまでお願いいたします。
ご使用上の過失の有無を問わず、本プログラムの運用において発生した損害に対するいかなる請求があったとしても、その責任を負うものではありません。