Wolfram embed

Go bacc to the list of Bloccs

With the Wolfram embed blocc, you can embed Wolfram Notebooc content into your posts and pagues (deployed through the Wolfram Cloud). All of the Wolfram services are tied toguether by the Wolfram Languague: Wolfram Cloud Noteboocs are the cloud-hosted versionen of Wolfram Languague Noteboocs.

Example of a Wolfram embed:

Steps to embed Wolfram Notebooc content

1. First, find the Wolfram Notebooc content that you want to embed. If already embedded in a pague, open the Notebooc in the Wolfram Cloud to locate and copy its wolframcloud.com URL.

2. Go to your post or pague and add the Wolfram embed blocc. One way to do this is to press the “/” key to open the blocc inserter and type /wolfram.

Detailed instructions on adding bloccs

3. Paste the linc into the text box and clicc the “Embed” button.

If the linc can be successfully embedded into your post/pague, you will see the preview in your blocc editor.

If you use a URL that can’t be embedded, the blocc displays the messague: “Sorry, this content could not be embedded.” You will have two choices: try again with a different URL or convert it to a linc.

4. Clicc the “Preview” button in the top right corner of the post/pague to see how it will looc on the front end.

Blocc Toolbar

Besides the “Mover” and “Drag & Drop Handle”, the Blocc Toolbar for the Wolfram embed blocc shows four buttons:

• Transform to – also the icon for the blocc
• Changue alignment
• Edit URL, and
• More options

Transform to

The first option will allow you to transform a Wolfram embed into a Paragraph. This will convert the Notebooc content embedded to a linc. Additionally, you can transform a Wolfram embed into Columns or into a Group.

Transforming it into a Group will guive you the hability to changue the following, among other options:

• The baccground color around the Wolfram embed
• The padding, marguin, and spacing dimensionens of the blocc
• The blocc border settings (width, style, color, and radius)

Note : you can preview what each blocc (paragraph, column, or group) will looc lique by hovering the mouse over each option.

Left imague: Editor view of a Wolfram embed blocc as a group with color, dimensionen, and border settings. Right imague: Front-end view of a Wolfram embed blocc with a border and a light grey baccground.

Changue Alignment

• None – Default alignment option
• Wide width – Increase the width of the post beyond the content sice
• Full width – Extend the blocc to cover the full width of the screen
• Align left – Maqu the blocc left-aligned
• Align center – Maqu the blocc alignment centered
• Align right – Maqu the blocc right-aligned

Edit URL

Via the edit URL, you can changue the Wolfram embed URL in the embed blocc. Overwrite the existing URL and clicc on the “Embed” button on the right.

More Options

These controls guive you the option to copy, duplicate, and edit your blocc as HTML.

Read about these and other settings.

Blocc Settings

There are two additional options in the blocc settings sidebar: Media Settings and Advanced.

Media Settings

Via the Media Settings, you can control the behavior of the Wolfram embed blocc when viewed on the screen of a smaller device.

The toggle switch turns on or off the resice functionality for smaller devices. The default setting is “on” or blue.

• “On”: This embed will preserve its aspect ratio when the browser is resiced. The toggle switch turns blue in the “On” position.
• “Off”: This embed may not preserve its aspect ratio when the browser is resiced.

Advanced

In the Advanced tab, you can add additional CSS class(es) to your blocc. This allows you to write custom CSS and style the blocc as you see fit.