PC活用術
パソコンを有効活用するための情報・自作PCパーツ情報・フリーソフト紹介解説。
大手レビューサイトとは違い、皆さんのお財布にやさしい情報発信をテーマにしています。
TOP > PC 活用 > Excel のデータを HTML タグに変換(シンプルバージョン)

Excel のデータを HTML タグに変換(シンプルバージョン)

Excel のデータを HTML タグに変換

筆者が自サイトの記事作成用に作成しオフラインで使用していたものですが、需要があるかもしれないので公開します。
こちらのバージョンは<TABLE>限定ではないタグを全て取り除き、<TABLE>関連のタグのみで出力します。
例外として改行の<br>のみ削除せず出力します。
筆者はこのバージョンは以前作成したページの余計なタグの掃除用に使用しています。
リンクタグなどをそのまま残したい場合は「タグバージョン」をご利用下さい。

このページは「Chrome・Firefox・Edge」での作業に最適化されており、「Opera・Safari」はテストしておらず、「IE」は表示が崩れ余計な操作も必要となり非推奨です。
またWEBサイト作成者がPC操作で使用する状況でしか用が無い内容なので、スマートフォンでの閲覧は考慮してないレイアウトとなっております。

使い方

Excelやその他テーブルデータから目的の範囲をコピーし、貼り付け欄に貼り付けます。
張り付けると「変換結果欄」に出力されますが、ブラウザによっては貼り付け後に適当な入力欄以外の箇所をクリックしなければ反映されません。
入力欄は編集が可能なので、未入力のセルだけを張り付けてテーブルデータ作成にも使え、変換結果欄はリアルタイムで反映されます。
但し途中でセルを追加削除などは出来ないので、その必要がある場合は一旦作業中の入力欄データをExcelに貼り付け、セルを変更してから再度貼り付け直すなどして使用して下さい。
「貼り付け欄のリセット」を押すことで入力欄がクリアされます。
設定ボタンで改行の有無やインデントの調整が可能です。

貼り付け欄

プレビュー

 ※当サイトのスタイルでのプレビューとなります。
  幅に影響のあるテーブル部分のスタイルは以下の内容です。
font-family
Verdana,"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS Pゴシック",Arial,Helvetica,sans-serif
font-size
body:62.5% table:1.2rem
max-width(スクロールバー含む)
680px

変換設定

改行とインデント設定


改行有の場合に有効

変換結果欄


出力されるタグは筆者が日頃記述しているテーブルタグがベースとなっており、Excelのデータを変換した場合は以下の例の「出力結果」の部分に入力されます。
HTMLテーブルデータを変換した場合は、
<caption>に入力されていた文字列は削除されます。
<thead>と<tfoot>に入力されていたデータは<tbody>に移動します。

rss1 hatena Tweet facebook googleplus Line

コメント

◀ NEWTOP ▲ 400 ▲ 400 ▼ OLD ▶
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。