Updated Post. Have a Pro subscription Upload into the Mod API console the Easy-Utils Library of common functions. Upload the Easy-Markdown API module . Within your game create a handout that contains Markdown in the "GM Notes" sections. Create a handout named "StyleSheet: Handouts" to contain the CSS for styling handouts. You can have more than one stylesheet, each markdown handout requests its own theme. Examples of these handouts can be found on Github here. NOTE: When working with the Handout text editor it's suggested to work on the text in a different editor and then copy/paste the entirety of the text into the Roll20 editor without formatting. It is still a work in progress. Many inline styles and semantic HTML is unsupported in Roll20 Handouts. Currently I am still relying on a lot of images to flesh out a design. The Krita templates for these images can be found on Github Here. NOTE: Pro tip the Krita templates have guides that you can use 'Image Split' to save by. Split them by horizontal guides; no verticals. The designs are made for a 930px width. background images are simple top, middle, bottoms. An example of what I have been able to accomplish: Features: Use CSS to style Markdown Use consistent CSS and Markdown syntax for local testing. The avatar of the handout is covered up by a negative top margin and then used in the handout markdown. Replace text in the markdown template with expressions like {{ AvatarUrl }} Override CSS variables from the markdown. For instance if the StyleSheet has all Headings being 'color: var(--ez-text-color) you can override that color on a handout to handout case. Custom divs and classes with `:::` Upcoming Features Planned: Better support for more pseudo classes Support for descendant selectors Roll Tables from the handout itself.
