This URL encodes your full grammar + CSS. Share it to let others open your exact grammar in Tracery Studio.
Theme controls app chrome only. Rendered Tracery output keeps using your content CSS.
Click any example to load it into the editor. Great starting points for your project!
Learn how to build more complex features into your grammars.
To ensure safety when viewing generated stories, Tracery Studio limits the HTML features that can appear in the output. The complete list of whitelisted elements is:
A broad range of CSS styling is permitted via the style attribute, including sizes, typography, flexbox structures, colors, padding, and pseudo selectors like scroll-margin.
Allowed tag-specific attributes include:
Note: class and id attributes are allowed for targeting with your CSS editor.
You can create interactive documents by placing specially formatted links in your text:
scrollto: <a href="scrollto:.chapter-2">Jump to Chapter 2</a> setorigin: <a href="setorigin:basement">Go into the basement</a>