Overview

I created a simple viewer that displays the contents of TEI/XML files.

https://github.com/utda/tei-viewer

Here is a display example targeting TEI/XML of the Koui Genji Monogatari:

https://utda.github.io/tei-viewer/?u=https://kouigenjimonogatari.github.io/tei/01.xml&v=true

Usage

As a minimum feature, when a IIIF manifest file is associated, the Mirador viewer is displayed. The association method is based on the following format:

https://github.com/TEI-EAJ/jp_guidelines/wiki/IIIF画像とのリンク

Additionally, when the n attribute is given to the pb tag, a page number display feature is provided. Furthermore, for Japanese language support, when v=true is given as a query parameter, vertical text is displayed.

https://github.com/utda/tei-viewer/blob/main/src/app/components/Ceteicean.tsx

Additional Notes

The framework used is Next.js, and CETEICean is used for TEI/XML display styling.

https://github.com/utda/tei-viewer/blob/main/src/app/CETEIcean.css

Additionally, following the article below, I am experimenting with linking the GitHub repository and Zenodo.

While there is room for improvement, I am creating new releases using the following command:

"release":"npmversionpatch&&gitpushorigin-tags&&VERSION=$(node-pe\"require('./package.json').version\")&&ghreleasecreate\"v$VERSION\"-title\"Version$VERSION\""

Future Plans

I would like to add a feature where pb tags correspond to image display in the Mirador viewer.

Summary

I hope this serves as a useful reference for visualizing TEI/XML files.