Compose tips

User error: Invalid placeholder (!responsive-image-style-machine-name-list) in string:

You can make images responsive by adding a data-responsive-image-style attribute, whose value is one of the responsive image style machine names: !responsive-image-style-machine-name-list.

in Drupal\Component\Render\FormattableMarkup::placeholderFormat() (line 241 of core/lib/Drupal/Component/Render/FormattableMarkup.php).

Drupal\Component\Render\FormattableMarkup::placeholderFormat('
        You can make images responsive by adding a <code>data-responsive-image-style</code> attribute, whose value is one of the responsive image style machine names: !responsive-image-style-machine-name-list.', Array) (Line: 195)
Drupal\Core\StringTranslation\TranslatableMarkup->render() (Line: 15)
Drupal\Core\StringTranslation\TranslatableMarkup->__toString() (Line: 457)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 200)
Drupal\Core\Render\Renderer->render(Array) (Line: 501)
Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 60)
__TwigTemplate_945490585b3f35d99686f72f2d458c05ce3077e2c9bf58c11ebccfb366cff759->doDisplay(Array, Array) (Line: 453)
Twig\Template->displayWithErrorHandling(Array, Array) (Line: 420)
Twig\Template->display(Array) (Line: 432)
Twig\Template->render(Array) (Line: 64)
twig_render_template('core/modules/system/templates/item-list.html.twig', Array) (Line: 384)
Drupal\Core\Theme\ThemeManager->render('item_list', Array) (Line: 431)
Drupal\Core\Render\Renderer->doRender(Array) (Line: 444)
Drupal\Core\Render\Renderer->doRender(Array) (Line: 444)
Drupal\Core\Render\Renderer->doRender(Array) (Line: 444)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 200)
Drupal\Core\Render\Renderer->render(Array) (Line: 501)
Drupal\Core\Template\TwigExtension->escapeFilter(Object, Array, 'html', NULL, 1) (Line: 32)
__TwigTemplate_8c944225ba95fdd392a6ac7e90f25ba0121bd38ab19f21dbc8f46a82677cecec->doDisplay(Array, Array) (Line: 453)
Twig\Template->displayWithErrorHandling(Array, Array) (Line: 420)
Twig\Template->display(Array) (Line: 432)
Twig\Template->render(Array) (Line: 64)
twig_render_template('themes/contrib/bootstrap/templates/filter/filter-tips.html.twig', Array) (Line: 384)
Drupal\Core\Theme\ThemeManager->render('filter_tips', Array) (Line: 431)
Drupal\Core\Render\Renderer->doRender(Array, ) (Line: 200)
Drupal\Core\Render\Renderer->render(Array, ) (Line: 226)
Drupal\Core\Render\MainContent\HtmlRenderer->Drupal\Core\Render\MainContent\{closure}() (Line: 573)
Drupal\Core\Render\Renderer->executeInRenderContext(Object, Object) (Line: 227)
Drupal\Core\Render\MainContent\HtmlRenderer->prepare(Array, Object, Object) (Line: 117)
Drupal\Core\Render\MainContent\HtmlRenderer->renderResponse(Array, Object, Object) (Line: 90)
Drupal\Core\EventSubscriber\MainContentViewSubscriber->onViewRenderArray(Object, 'kernel.view', Object)
call_user_func(Array, Object, 'kernel.view', Object) (Line: 111)
Drupal\Component\EventDispatcher\ContainerAwareEventDispatcher->dispatch('kernel.view', Object) (Line: 156)
Symfony\Component\HttpKernel\HttpKernel->handleRaw(Object, 1) (Line: 68)
Symfony\Component\HttpKernel\HttpKernel->handle(Object, 1, 1) (Line: 57)
Drupal\Core\StackMiddleware\Session->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\KernelPreHandle->handle(Object, 1, 1) (Line: 191)
Drupal\page_cache\StackMiddleware\PageCache->fetch(Object, 1, 1) (Line: 128)
Drupal\page_cache\StackMiddleware\PageCache->lookup(Object, 1, 1) (Line: 82)
Drupal\page_cache\StackMiddleware\PageCache->handle(Object, 1, 1) (Line: 47)
Drupal\Core\StackMiddleware\ReverseProxyMiddleware->handle(Object, 1, 1) (Line: 52)
Drupal\Core\StackMiddleware\NegotiationMiddleware->handle(Object, 1, 1) (Line: 23)
Stack\StackedHttpKernel->handle(Object, 1, 1) (Line: 708)
Drupal\Core\DrupalKernel->handle(Object) (Line: 19)

Allowed HTML tags: <a name href hreflang> <cite> <code> <dd> <dl> <dt> <li> <ol start type> <table> <td> <tr> <ul type> <blockquote> <img src alt data-entity-type data-entity-uuid width vspace hspace height border align>

This site allows HTML content. While learning all of HTML may feel intimidating, learning how to use a very small number of the most basic HTML "tags" is very easy. This table provides examples for each tag that is enabled on this site.

For more information see W3C's HTML Specifications or use your favorite search engine to find other sites that explain HTML.

Tag Description You Type You Get

Anchors are used to make links to other pages. <a href="http://benkallos.com">Ben Kallos, New York City Council Member</a> Ben Kallos, New York City Council Member

Bolded Bolded Bolded

By default line break tags are automatically added, so use this tag to add additional ones. Use of this tag is different because it is not used with an open/close pair like all the others. Use the extra " /" inside the tag to maintain XHTML 1.0 compatibility Text with line break Text with
line break

Cited <cite>Cited</cite> Cited

Coded text used to show programming source code <code>Coded</code> Coded

No help provided for tag dd.

Definition lists are similar to other HTML lists. <dl> begins the definition list, <dt> begins the definition term and <dd> begins the definition description.

<dl> <dt>First term</dt> <dd>First definition</dd> <dt>Second term</dt> <dd>Second definition</dd> </dl>

First term: First definition
Second term: Second definition

No help provided for tag dt.

Emphasized Emphasized Emphasized

No help provided for tag font.

Italicized Italicized Italicized

No help provided for tag li.

Ordered list - use the <li> to begin each list item

<ol> <li>First item</li> <li>Second item</li> </ol>

First item
Second item

By default paragraph tags are automatically added, so use this tag to add additional ones.

Paragraph one. Paragraph two.

Paragraph one.

Paragraph two.

No help provided for tag span.

Strong Strong Strong

Superscripted Superscripted ^Superscripted

Table

<table> <tr><th>Table header</th></tr> <tr><td>Table cell</td></tr> </table>

Table header
Table cell

No help provided for tag td.

No help provided for tag tr.

Unordered list - use the <li> to begin each list item

<ul> <li>First item</li> <li>Second item</li> </ul>

First item
Second item

Block quoted

<blockquote>Block quoted</blockquote>

Block quoted

No help provided for tag img.

Most unusual characters can be directly entered without any problems.

If you do encounter problems, try using HTML character entities. A common example looks like & for an ampersand & character. For a full list of entities see HTML's entities page. Some of the available characters include:

Character Description	You Type	You Get
Ampersand	`&`	&
Greater than	`>`	>
Less than	`<`	<
Quotation mark	`"`	"

You can align images, videos, blockquotes and so on to the left, right or center. Examples:
- Align an image to the left: <img src="" data-align="left" />
- Align an image to the center: <img src="" data-align="center" />
- Align an image to the right: <img src="" data-align="right" />
- … and you can apply this to other elements as well: <video src="" data-align="center" />
Lines and paragraphs are automatically recognized. The line break, paragraph and close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.
You can caption images, videos, blockquotes, and so on. Examples:
- <img src="" data-caption="This is a caption" />
- <video src="" data-caption="The Drupal Dance" />
- <blockquote data-caption="Dries Buytaert">Drupal is awesome!</blockquote>
- <code data-caption="Hello world in JavaScript.">alert("Hello world!");</code>
Web page addresses and email addresses turn into links automatically.
You can make images responsive by adding a data-responsive-image-style attribute, whose value is one of the responsive image style machine names: !responsive-image-style-machine-name-list.

No HTML tags allowed.
Lines and paragraphs are automatically recognized. The line break, paragraph and close paragraph tags are inserted automatically. If paragraphs are not recognized simply add a couple of blank lines.
Web page addresses and email addresses turn into links automatically.

Error message