Excelオブジェクトのコピーと貼り付け
Excelのスタイルとフローティングオブジェクトをコピーして、SpreadJSのワークシートに貼り付けることができます。これにより、スプレッドシート全体をインポートすることなく、Excelスタイルとフローティングオブジェクトを簡単にコピーすることができます。スタイルやオブジェクトのコピーと貼り付けを有効にするには、 allowCopyPasteExcelStyle プロパティをtrueに設定します。
スタイル
allowCopyPasteExcelStyle プロパティをtrueに設定して、スタイルのコピーと貼り付けを有効にします。
spread.options.allowCopyPasteExcelStyle = true;次の表は、ExcelからコピーしてSpread.Sheetsに貼り付けることのできるスタイルオプションを示します。
Google Chrome | Mozilla Firefox | Microsoft Edge | Microsoft Internet Explorer | Safari（Mac） | Chrome（Mac） | |
|---|---|---|---|---|---|---|
背景色（backColor） | サポートされる | サポートされる | サポートされる | サポートされる | ||
前景色（foreColor） | サポートされる | サポートされる | サポートされる | サポートされる | ||
フォント（font） | サポートされる | サポートされる | サポートされる | サポートされる | ||
垂直方向の配置（vAlign） | 上揃え（top） -> 上揃え（top） 中央揃え（center） -> 中央揃え（center） 下揃え（bottom） -> 下揃え（bottom） 両端揃え（justify） -> 下揃え（bottom） 均等割り付け（distributed） -> 下揃え（bottom） | 上揃え（top） -> 中央揃え（center） 中央揃え（center） -> 中央揃え（center） 下揃え（bottom） -> 中央揃え（center） 両端揃え（justify） -> 中央揃え（center） 均等割り付け（distributed） -> 中央揃え（center） | 上揃え（top） -> 上揃え（top） 中央揃え（center） -> 中央揃え（center） 下揃え（bottom） -> 下揃え（bottom） 両端揃え（justify） -> 下揃え（bottom） 均等割り付け（distributed） -> 下揃え（bottom） | 上揃え（top） -> 上揃え（top） 中央揃え（center） -> 中央揃え（center） 下揃え（bottom） -> 下揃え（bottom） 両端揃え（justify） -> 下揃え（bottom） 均等割り付け（distributed） -> 下揃え（bottom） | ||
水平方向の配置（hAlign） | 左揃え（left） -> 左揃え（left） 中央揃え（center） -> 中央揃え（center） 右揃え（right） -> 右揃え（right） 標準（general） -> 標準（general） 繰り返し（fill） -> 標準（general） 両端揃え（justify） -> 標準（general） 選択範囲内で中央（center across selection） -> 標準（general） 均等割り付け（distributed） -> 標準（general） | 左揃え（left） -> 左揃え（left） 中央揃え（center） -> 左揃え（left） 右揃え（right） -> 左揃え（left） 標準（general） -> 左揃え（left） 繰り返し（fill） -> 左揃え（left） 両端揃え（justify） -> 左揃え（left） 選択範囲内で中央（center across selection） -> 中央揃え（center） 均等割り付け（distributed） -> 左揃え（left） | 左揃え（left） -> 左揃え（left） 中央揃え（center） -> 中央揃え（center） 右揃え（right） -> 右揃え（right） 標準（general） -> 標準（general） 繰り返し（fill） -> 標準（general） 両端揃え（justify） -> 標準（general） 選択範囲内で中央（center across selection） -> 標準（general） 均等割り付け（distributed） -> 標準（general） | 左揃え（left） -> 左揃え（left） 中央揃え（center） -> 中央揃え（center） 右揃え（right） -> 右揃え（right） 標準（general） -> 標準（general） 繰り返し（fill） -> 標準（general） 両端揃え（justify） -> 標準（general） 選択範囲内で中央（center across selection） -> 標準（general） 均等割り付け（distributed） -> 標準（general） | ||
左罫線（borderLeft） | 実線（thin） -> 中太実線（medium） 太線（medium） -> 中太実線（medium） 破線（dashed） -> 中太破線（mediumDashed） 点線（dotted） -> 点線（dotted） 極太線（thick） -> 中太実線（medium） 二重線（double） -> 二重線（double） 細線（hair） -> なし 実線（破線）（mediumDashed） -> 中太破線（mediumDashed） 一点鎖線（dashDot） -> なし 実線（一点鎖線）（mediumDashDot） -> なし 二点鎖線（dashDotDot） -> なし 実線（二点鎖線）（mediumDashDotDot） -> なし 傾斜（一点鎖線）（slantedDashDot） -> なし | 実線（thin） -> 中太実線（medium） 太線（medium） -> 中太実線（medium） 破線（dashed） -> 中太破線（mediumDashed） 点線（dotted） -> 点線（dotted） 極太線（thick） -> 中太実線（medium） 二重線（double） -> 二重線（double） 細線（hair） -> なし 実線（破線）（mediumDashed） -> 中太破線（mediumDashed） 一点鎖線（dashDot） -> なし 実線（一点鎖線）（mediumDashDot） -> なし 二点鎖線（dashDotDot） -> なし 実線（二点鎖線）（mediumDashDotDot） -> なし 傾斜（一点鎖線）（slantedDashDot） -> なし | 実線（thin） -> 中太実線（medium） 太線（medium） -> 中太実線（medium） 破線（dashed） -> 中太破線（mediumDashed） 点線（dotted） -> 点線（dotted） 極太線（thick） -> 中太実線（medium） 二重線（double） -> 二重線（double） 細線（hair） -> なし 実線（破線）（mediumDashed） -> 中太破線（mediumDashed） 一点鎖線（dashDot） -> なし 実線（一点鎖線）（mediumDashDot） -> なし 二点鎖線（dashDotDot） -> なし 実線（二点鎖線）（mediumDashDotDot） -> なし 傾斜（一点鎖線）（slantedDashDot） -> なし | 実線（thin） -> 中太実線（medium） 太線（medium） -> 中太実線（medium） 破線（dashed） -> 中太破線（mediumDashed） 点線（dotted） -> 点線（dotted） 極太線（thick） -> 中太実線（medium） 二重線（double） -> 二重線（double） 細線（hair） -> なし 実線（破線）（mediumDashed） -> 中太破線（mediumDashed） 一点鎖線（dashDot） -> なし 実線（一点鎖線）（mediumDashDot） -> なし 二点鎖線（dashDotDot） -> なし 実線（二点鎖線）（mediumDashDotDot） -> なし 傾斜（一点鎖線）（slantedDashDot） -> なし | ||
右罫線（borderRight） | ||||||
上罫線（borderTop） | ||||||
下罫線（borderBottom） | ||||||
テキスト装飾（textDecoration） | 取り消し線（strikethrough） -> 取り消し線（lineThrough） 下線（single） -> 下線（underline） 二重線（double） -> 下線（underline） 下線（会計）（single accounting） -> 下線（underline） 二重下線（会計）（double accounting） -> 下線（underline） | 取り消し線（strikethrough） -> 取り消し線（lineThrough） 下線（single） -> 下線（underline） 二重線（double） -> 下線（underline） 下線（会計）（single accounting） -> 下線（underline） 二重下線（会計）（double accounting） -> 下線（underline） | 取り消し線（strikethrough） -> 取り消し線（lineThrough） 下線（single） -> 下線（underline） 二重線（double） -> 下線（underline） 下線（会計）（single accounting） -> 下線（underline） 二重下線（会計）（double accounting） -> 下線（underline） | 取り消し線（strikethrough） -> 取り消し線（lineThrough） 下線（single） -> 下線（underline） 二重線（double） -> 下線（underline） 下線（会計）（single accounting） -> 下線（underline） 二重下線（会計）（double accounting） -> 下線（underline） | ||
フローティングオブジェクト
allowCopyPasteExcelStyle プロパティをtrueに設定すると、画像、チャート、図形などのフローティングオブジェクトをExcelからコピーして、SpreadJSのワークシートに画像として貼り付けることができます。デフォルトでは、この機能が有効になっていますが、SpreadJSからExcelへの画像のコピーと貼り付けはサポートされていません。
次の図に示すように、WindowsではCtrl + V、およびMacではCommand + Vを使用して、画像をSpreadJSのワークシートに貼り付けることができます。
SpreadJSに貼り付けている間、元の画像のサイズとコンテンツに影響がありません。ただし、サイズ変更のハンドルを使用して、貼り付けた画像のサイズを変更できます。ワークシート内の画像の位置は、SpreadJSのアクティブセルによって決定されます。ワークシートに画像を1つずつコピーして貼り付けるか、Excelからすべての画像をコピーして、ワークシートに1つの大きな画像として貼り付けることができます。