Styling

The core TEI editor comes with the minimal styling needed to layout the editor.

Text

All block and wrapping TagElements are rendered as <div> elements, with the class attribute set to "node-{TagElementName}". inline TagElements are rendered as <span> elements, with the class attribute set to "node-{TagElementName}".

All mark TagElements are rendered as <span> elements, with the class attribute set to "mark-{TagElementName}".

All TagElements attributes are added to the respective <div> or <span> elements as data-attributeName="attributeValue".

Metadata

For each MetadataReaderUISection a <section> tag is generated. For MetadataReaderUIElements that have a multi-row or multi-field type an <ol> tag is generated with the class attribute set to the type.

Additionally for the multi-row elements there is an <ul role="menubar"> that contains the buttons for adding, removing, and re-ordering the multi-row children.