Playground

Here, you can view code examples from every language Prism supports, try the included themes, and toggle some of the options.

Line numbers Word wrap Read-only

Theme:

Language:

<!-- Empty tag --> 
<!-- Empty tag -->
<p></p> 
 
<!-- Tag that spans multiple lines --> 
<p 
>hello! 
</p> 
 
<!-- Name-attribute pair --> 
<p class="prism"></p> 
 
<!-- Attribute without value --> 
<p data-foo></p> 
<p data-foo ></p> 
 
<!-- Namespaces --> 
<html:p foo:bar="baz" foo:weee></html:p> 
 
<!-- XML prolog --> 
<?xml version="1.0" encoding="utf-8"?> 
<svg></svg> 
 
<!-- DOCTYPE --> 
<!DOCTYPE html> 
<html></html> 
 
<!-- CDATA section --> 
<ns1:description><![CDATA[ 
 CDATA is <not> magical. 
]]></ns1:description> 
 
<!-- Comment --> 
<!-- I'm a comment --> 
And i'm not 
 
<!-- Entities --> 
&amp; &#x2665; &#160; &#x152; 
 
<!-- XML tags with non-ASCII characters --> 
<Läufer>foo</Läufer> 
<tag läufer="läufer">bar</tag> 
<läufer:tag>baz</läufer:tag> 
 