AMBA Editor CSS Playground

TinyMCE outside AMBA, emitting AMBA-classed HTML with copied AMBA preview CSS.

master-preview.css amba-two-column-layout.css editor contrast patch
AMBA Insert creates semantic structures. AMBA Style wraps selected content. Load Adventure Sample now loads a condensed version of the AMBA help-doc worked example, The Lantern Under Greyford.
AMBA classes exposed in this test

Structure

module-overviewmodule-section--actmodule-section--scenemodule-section--subscenemodule-section--encounterencounter-brief--*

Callouts

read-aloudboxed-textgm-notedesigner-notesidebarrules-notewarning-notedanger-notesecret

Game blocks

skill-challengeskill-challenge--pf2edc-tabletrap-cardhazard-cardaffliction-cardtreasure-cardnpc-card

Story/reference

timelinerumor-tablefaction-cardquest-cardlocation-cardvillain-carddowntime-card

Lists

adventure-factskey-listclue-listobjective-listtreasure-list

Layout

amba-flowamba-flow__leadamba-flow__columnstwo-columnwidepage-breakcolumn-break

Generated HTML