Adding code to pages

Outside of overriding code with the CSS Editor or code injection, there are three ways you can add code to a web page – code blocks, embed blocks, and Markdown blocks.

Code blocks

Code blocks can be used to add HTML, CSS, JavaScript, and Markdown (a tool that converts plain text markup into rich HTML). If you want to show code snippets on your website, you can toggle on and off the ability to display source code as well.

When you first add a code block to your page, it’ll appear as a blue box. Double-clicking on the box will open the content editor, as shown in Figure 9.7. From there, you can type or copy and paste in your code.

Figure 9.7 – The code block editor

Next, we’ll look at a similar block that serves a slightly different purpose – the embed block.

Embed blocks

Embed blocks are primarily used to pull content in from other third-party services via a link (as in the case of videos...