ページテーブルの内容とスタイルを Excel ファイルに保存する方法_JavaScript スキル

プロジェクトの完了後、エクスポート機能のある最近作成したフォーラムをテストしました。Web ページのエクスポート ボタンをクリックしてページの表の内容を Excel ファイルとして保存すると、表のスタイルが変更されることがわかりました。問題を分析した結果、次のように実装のアイデアを共有します。

問題の説明:

問題分析プロセス:

1. テーブルはスタイルの代わりにクラスを使用します。エクスポート時にクラス定義はエクスポートされません。 style に変更して、style に直接カラー スタイルを記述すると、そのスタイルがエクスポートされます。

style は HTML で使用されるスタイルで、css のコンテンツである属性 style を示します。 class はページをエクスポートするときにコンテンツを宣言および定義するクラス、つまり定義です。クラスによって定義されたスタイルはエクスポートされません。

2. クラス定義をテーブルに配置してスタイルをエクスポートすることもできます

この問題を解決するには 2 つの解決策があります。

解決策 1:

class="${getClass()}" を style="color:${getStyle()};" に置き換えます

補足:

 $('#export').click(function () {
 saveAsExcel($('h3').text(), $('#table').html().replace(/( )+/gi,''));
 });

Excel はテーブルのみを認識します。saveAsExcel メソッドを使用して自動的に保存する場合、クラス定義を手動でコピーして Excel に貼り付けると、クラス定義を保存できます。

主な問題は、手動および自動のコピーアンドペーストです

解決策 2:

93f0f5c25f18dab9d176bd4f6de5d30ec9ccee2e6ea535a969eb3f532ad9fe89531ac245ce3e4fe3d50054a55f2659279c3bca370b5104690d9ef395f2c5f8d1 で定義されたクラスを f5d188ed2c074f8b944552db028f98a1f16b1740fad44fb09bfe928bcc527e08 に移動するだけです。クラス定義スタイルの位置問題

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。