GitbookでCSVファイルを表示する
はじめに
Gitbook便利ですよね。みなさん使ってますか?
Gitbookで設計書とか書く場合に、外から投げつけられた一覧的なファイル(コード一覧とか、処理対象一覧とか、そういう類のやつ)をそのままGitbook上にインポートして表で表示したいことってありませんか?
ということで、CSVファイル(or CSV形式のテキスト)をインポートして表形式で表示するプラグインを作ってみました。
導入方法
他のプラグインと同じです。npmでインストールして book.json
に追記するだけです。
$ npm install --save gitbook-plugin-include-csv
{
"plugins": ["include-csv"]
}
使用方法
ページ内で、 includeCsv
タグを使用してください。
src
にファイル名を相対パスで指定した場合は、ファイルを読み込んで表形式(table)で表示します。
{% includeCsv src="./train.1.csv" %}{% endincludeCsv %}
タグの中にCSV形式でテキストを記載した場合は、その内容を表形式(table)で表示します。
{% includeCsv %}
hoge,fuga
a,0001
b,002
{% endincludeCsv %}
オプションの使い方
useHeader
オプションを有効にすると、CSVの1行目を列のヘッダーとして扱います。
{% includeCsv useHeader="true" %}
c1,c2,c3
1,1,1
2,2,2
{% endincludeCsv %}
encoding
オプションで文字コードに shift_jis
を指定すれば、Excel等で作成したShift_JISな日本語CSVファイルも読み込めます。
{% includeCsv src="./hoge.csv", encoding="shift_jis", useHeader="true" %}
{% endincludeCsv %}
CSVファイルに列のヘッダーが含まれない場合、exHeaders
オプションにカンマ区切りで指定することで表示することができます。
また、 limit
オプションで行の数を指定すれば、指定した件数のみ表示します。
{% includeCsv
src="./train.1.csv",
exHeaders="PassengerId,Survived,Pclass,Name,Sex,Age,SibSp,Parch,Ticket,Fare,Cabin,Embarked",
limit=2 %}
{% endincludeCsv %}
まとめ
- 資料とかのCSVファイルを簡単にGitbookに表示できるよ。
- ExcelもCSV変換すれば埋め込めるよ。
- 行数が多くてmarkdownの表のフォーマットがだるい時のエイリアスとしても使えるよ。
- 眠いのでREADMEの方の文章はあとで直すよ。
Author And Source
この問題について(GitbookでCSVファイルを表示する), 我々は、より多くの情報をここで見つけました https://qiita.com/uzuki_aoba/items/8a60a4cef120128a6cb6著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .