carolinan

Things we do allow

The links:
https://fonts.googleapis.com/css
//fonts.googleapis.com/css
https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js
https://fonts.gstatic.com


The code examples:

carolinan

/**
 * External dependencies
 */
import { map, filter } from 'lodash';
import classnames from 'classnames';

/**
 * WordPress dependencies
 */
import {

carolinan

<?php
/**
 * Register block patterns.
 * Include this file in your theme, and update image paths, prefix and text domain.
 *
 * @link https://developer.wordpress.org/block-editor/developers/block-api/block-patterns/
 */

/**
 * Make sure that block patterns are enabled before registering.

carolinan

<!-- wp:group -->
<div class="wp-block-group"><div class="wp-block-group__inner-container"><!-- wp:html -->
<label>Text field wrapped in label <input type="text"></label>
<br>
<label>Text Area <textarea></textarea></label>
<br>
<input type="radio"><label>Radio</label>
<br>
<input type="radio" checked><label>Radio Checked</label>
<br>

carolinan

<!-- wp:pullquote -->
<figure class="wp-block-pullquote"><blockquote><p>default pull quote, no alignment</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"wide"} -->
<figure class="wp-block-pullquote alignwide"><blockquote><p>default pull quote, wide</p><cite>citation</cite></blockquote></figure>
<!-- /wp:pullquote -->

<!-- wp:pullquote {"align":"full","className":"is-style-default"} -->
<figure class="wp-block-pullquote alignfull is-style-default"><blockquote><p>default pull quote full</p><cite>citation</cite></blockquote></figure>

carolinan

<!-- wp:paragraph {"align":"left"} -->
<p class="has-text-align-left">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus mi ex, ornare in felis vitae, convallis fringilla nulla. Ut in dictum dolor. Praesent congue urna nec mattis molestie. Aliquam vulputate ligula risus, luctus posuere sem pharetra vitae. Quisque ligula mi, euismod nec lorem et, semper sollicitudin neque. Suspendisse potenti. Maecenas finibus orci ac porttitor laoreet. Vestibulum finibus justo ut metus consequat pulvinar. Morbi cursus nibh ac lobortis scelerisque. Praesent neque eros, ullamcorper ut tortor a, varius efficitur erat.</p>
<!-- /wp:paragraph -->

<!-- wp:rss {"align":"right","feedURL":"https://wordpress.org/feed"} /-->

<!-- wp:paragraph -->
<p>Cras ullamcorper quis ex at cursus. Curabitur ut eros ut metus ornare euismod vel et ipsum. Donec sit amet justo ligula. Praesent magna urna, pharetra eu ligula sit amet, bibendum venenatis arcu. Praesent convallis molestie dui eget tristique. Cras blandit et est pharetra m

carolinan

<!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:list -->
<ul><li>List<ul><li>sample</li></ul></li><li>Hello<ul><li>test</li></ul></li></ul>
<!-- /wp:list --></div>
<!-- /wp:column -->

<!-- wp:column -->
<div class="wp-block-column"><!-- wp:list -->
<ul><li>List<ul><li>sample</li></ul></li><li>Hello<ul><li>test</li></ul></li></ul>

carolinan

<!-- wp:columns {"verticalAlignment":"center","align":"wide","className":"is-style-twentytwentyone-columns-overlap"} -->
<div class="wp-block-columns alignwide are-vertically-aligned-center is-style-twentytwentyone-columns-overlap"><!-- wp:column {"verticalAlignment":"center","width":"10vw"} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:10vw"><!-- wp:image {"align":"full","sizeSlug":"full"} -->
<figure class="wp-block-image alignfull size-full"><img src="http://localhost:8888/wp-content/themes/twentytwentyone/assets/images/roses-tremieres-hollyhocks-1884.jpg" alt="“Roses Tremieres” by Berthe Morisot"/></figure>
<!-- /wp:image -->

<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

carolinan

<!-- wp:group {"align":"wide","backgroundColor":"white"} -->
<div class="wp-block-group alignwide has-white-background-color has-background"><div class="wp-block-group__inner-container"><!-- wp:paragraph -->
<p>This group block has a background color and a paragraph.</p>
<!-- /wp:paragraph -->

<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link" href="#alink">Default</a></div>
<!-- /wp:button -->

carolinan

<!-- wp:search {"label":"Search","buttonText":"Search"} /-->

<!-- wp:search {"label":"Search, icon button only","buttonText":"Search","buttonPosition":"button-only","buttonUseIcon":true} /-->

<!-- wp:search {"label":"Search, button only","buttonText":"Search","buttonPosition":"button-only"} /-->

<!-- wp:search {"label":"Search, icon button outside","buttonText":"Search","buttonUseIcon":true} /-->

<!-- wp:search {"label":"Search, icon button inside","buttonText":"Search","buttonPosition":"button-inside","buttonUseIcon":true} /-->