To display long form text which has been converted from Govspeak

Govspeak is GOV.UK’s extension of Markdown.

This component has no control over markup, which is passed in to the component pre-generated. It only applies CSS/JS.

It applies styling to standard Markdown content, eg; paragraphs, headings and lists. It also applies styling to Govspeak specific markup, like callouts, contacts and highlights.

In addition to styling, it also applies some Javascript behaviours.

- Progressively enhanced, accessible charts (using Magna Charta, derived from tabular data (see example below)
- Progressively enhanced, accessible embedded YouTube player (using AccessibleMediaPlayer)

How to call this component

```
<%= render partial: 'govuk_component/govspeak', locals: {
content: "<h3 id=\"number---fractions-1\">Number - fractions</h3>
<p>Pupils should be taught to:</p>
<ul>
<li>recognise, find, name and write fractions <span class=\"fraction\">
<img alt=\"1/3\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/1_3-9003d7f3d7cd4433647a5f6525aa7eda.png\"></span>
, <span class=\"fraction\">
<img alt=\"1/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/1_4-b6128849c8da3b46b9cb5a6918cfe084.png\"></span>
, <span class=\"fraction\">
<img alt=\"2/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/2_4-e071530a44f0d7980f3442c23e3edd3b.png\"></span>
and <span class=\"fraction\">
<img alt=\"3/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/3_4-cded12d0389211f864dcb27e640c64d4.png\"></span>
of a length, shape, set of objects or quantity</li>
<li>write simple fractions, for example <span class=\"fraction\">
<img alt=\"1/2\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/1_2-6e6f542bec97cb8ea3acf39cd25690ee.png\"></span>
of 6 = 3 and recognise the equivalence of <span class=\"fraction\">
<img alt=\"2/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/2_4-e071530a44f0d7980f3442c23e3edd3b.png\"></span>
and <span class=\"fraction\">
<img alt=\"1/2\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/1_2-6e6f542bec97cb8ea3acf39cd25690ee.png\"></span>
</li>
</ul>
<div class=\"call-to-action\">
<h4>Notes and guidance (non-statutory)</h4>
<p>Pupils use fractions as ‘fractions of’ discrete and continuous quantities by solving problems using shapes, objects and quantities. They connect unit fractions to equal sharing and grouping, to numbers when they can be calculated, and to measures, finding fractions of lengths, quantities, sets of objects or shapes. They meet <span class=\"fraction\">
<img alt=\"3/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/3_4-cded12d0389211f864dcb27e640c64d4.png\"></span>
as the first example of a non-unit fraction.<br><br>
Pupils should count in fractions up to 10, starting from any number and using the <span class=\"fraction\">
<img alt=\"1/2\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/1_2-6e6f542bec97cb8ea3acf39cd25690ee.png\"></span>
and <span class=\"fraction\">
<img alt=\"2/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/2_4-e071530a44f0d7980f3442c23e3edd3b.png\"></span>
equivalence on the number line (for example, 1<span class=\"fraction\">
<img alt=\"1/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/1_4-b6128849c8da3b46b9cb5a6918cfe084.png\"></span>
, 1<span class=\"fraction\">
<img alt=\"2/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/2_4-e071530a44f0d7980f3442c23e3edd3b.png\"></span>
(or 1<span class=\"fraction\">
<img alt=\"1/2\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/1_2-6e6f542bec97cb8ea3acf39cd25690ee.png\"></span>
), 1<span class=\"fraction\">
<img alt=\"3/4\" height=\"27\" src=\"https://assets.digital.cabinet-office.gov.uk/government/assets/fractions/3_4-cded12d0389211f864dcb27e640c64d4.png\"></span>
, 2). This reinforces the concept of fractions as numbers and that they can add up to more than 1.
</p>
</div>
"
} %>
```

How this component looks

Pupils should be taught to:

- recognise, find, name and write fractions , , and of a length, shape, set of objects or quantity
- write simple fractions, for example of 6 = 3 and recognise the equivalence of and

Pupils use fractions as ‘fractions of’ discrete and continuous quantities by solving problems using shapes, objects and quantities. They connect unit fractions to equal sharing and grouping, to numbers when they can be calculated, and to measures, finding fractions of lengths, quantities, sets of objects or shapes. They meet
as the first example of a non-unit fraction.

Pupils should count in fractions up to 10, starting from any number and using the
and
equivalence on the number line (for example, 1
, 1
(or 1
), 1
, 2). This reinforces the concept of fractions as numbers and that they can add up to more than 1.