Rich Text Embed System Reference Guide
Living documentation for content created on Yummly using the Rich Text Embed System
Typography
<h1> / <h2> - (Header 1 / Header 2)
<h3> - (Header 3)
<h4> - (Header 4)
<h5> - (Header 5)
<h6> - (Header 6)
<p> - (Paragraph Text)
<strong> - (Bold Text)
<blockquote> - (Quote Text)
<u> - (Underline)
<em> - (Italic)
<code> - (Code)
<ul> (Unordered list)
<li> - (Unordered list item 1)
<li> - (Unordered list item 2)
<ll> - (Unordered list item 3)
<ol> (Ordered List)
<li> - (Ordered list item 1)
<li> - (Ordered list item 2)
<li> - (Ordered list item 3)
<hr> - (Horizontal Rule) [See Below]
Custom Markdown
Header Jump Tag - (Jumps To ImageEmbed)
Space Jump Tag - (Jumps to the space between Featured RecipeEmbed and Full RecipeEmbed)
Spacing
There should be exactly THREE empty lines between here ...
... and here.
One empty line is considered a <br> and is exactly 18px tall.
Embeds (in alphabetical order)
ArticleEmbed (Default)
Exactly identical to a `Post`, but lets you customize how the embedded article appears.
Note: ArticleEmbeds without a selected variant will default to this style.
ArticleEmbed (Featured)
ArticleEmbed (Featured - Inverted)
ArticleEmbed (Full)
ArticleGridEmbed (Default)
Browse More Embed (Default)
ButtonEmbed
CTAEmbed
ImageEmbed (using media type)
ImageEmbed (using GIF)
ImageEmbeds also supports gifs as media types.
ImageEmbed (using src attribute)
This ImageEmbed has values for both media and src. Though specifying src regardless of whether media is present will always show the image at the src specified.
MarkdownEmbed
Embed arbitrary markdown snippets in a Rich Text post. Used for expressing anything you can write in the 'Body' field or complicated content that Embeds.
MealPlanEmbed
ProEmbed
RecipeEmbed (Default)
(Note: You can place multiple 'Default' RecipeEmbeds next to each other and they'll span inline)
RecipeEmbed (Featured)
(Note: 'Featured' RecipeEmbeds will take up an entire line. Use a non-featured Embed if you want to place multiple next to each other)
RecipeEmbed (Full)
(Note: 'Full' RecipeEmbeds will take up an entire line and pull all displayed information from the recipe Id you linked. Use a non-featured Embed if you want to place multiple next to each other).
RecipeCarouselEmbed
Pass a list of Yummly recipes to this Embed and have them render as a generic Yummly Recipe Carousel.
ThermometerEmbed
VideoEmbed (YouTube)
Post
Embed other Yummly Posts into your article! You can even embed a Post within itself (like below). For default article embedding purposes, use this. Note: Posts will display as a 'Default' variant style. If you want to embed an article in the "Featured" or "Full" variant style, use an ArticleEmbed.