🌊

LEAF Writer:CSSのカスタマイズ

2024/06/29に公開

概要

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ファイルの取り扱いについて、参考になりましたら幸いです。

Discussion