概要
LEAF Writerのカスタマイズ方法に関する調査記録です。
https://gitlab.com/calincs/cwrc/leaf-writer/leaf-writer
今回はCSSによる見た目のカスタマイズ方法に関する備忘録です。これにより、以下のように、縦書き表示にする編集環境の用意などが可能になります。
以下は、カスタマイズ前の表示です。
方法
以下のように、スキーマファイルを指定します。
https://github.com/kouigenjimonogatari/kouigenjimonogatari.github.io/blob/master/xml/lw/01.xml
具体的には、以下です。
<?xml-stylesheet type="text/css" href="https://kouigenjimonogatari.github.io/lw/tei_genji.css"?>
LEAF Writerはこのスキーマファイルを読み込み、エディタ部分のスタイルを変更するようでした。
これはLEAF Writerに特化した機能ではなく、一般的なブラウザも対応しているものです。
例えば、上記のxmlファイルをGoogle Chromeで表示した場合、以下のようにcssファイルの内容が適用されます。
まとめ
TEIおよびLEAF WriterなどのツールにおけるCSSファイルの取り扱いについて、参考になりましたら幸いです。
動画版（生成AIによる自動生成）: この記事の内容をずんだもん×四国めたんの掛け合いで解説しています。自動生成のため、内容に誤りがある可能性があります。正確な情報は記事本文をご参照ください。
