kmx.io/prism.js/examples/prism-js-templates.html

Branch - branch -master

• Show log

  Commit

• Hash : 3d96eedc
  Author :
  Date : 2021-10-05T12:53:51
  

  Update test and example pages to use Autoloader (#1936)

Download

• examples/prism-js-templates.html

• <h2>HTML template literals</h2>
  <pre data-dependencies="markup"><code class="language-javascript">html`
  &lt;p>
  	Foo.
  &lt;/p>`;</code></pre>
  
  <h2>JS DOM</h2>
  <pre data-dependencies="markup"><code class="language-javascript">div.innerHTML = `&lt;p>&lt;/p>`;
  div.outerHTML = `&lt;p>&lt;/p>`;</code></pre>
  
  <h2><a href="https://github.com/zeit/styled-jsx">styled-jsx</a> CSS template literals</h2>
  <pre data-dependencies="css"><code class="language-javascript">css`a:hover { color: blue; }`;</code></pre>
  
  <h2><a href="https://github.com/styled-components/styled-components"><code class="language-none">styled-components</code></a> CSS template literals</h2>
  <pre data-dependencies="css"><code class="language-javascript">const Button = styled.button`
  	color: blue;
  	background: red;
  `;</code></pre>
  
  <h2>Markdown template literals</h2>
  <pre data-dependencies="markdown"><code class="language-javascript">markdown`# My title`;</code></pre>
  
  <h2>GraphQL template literals</h2>
  <pre data-dependencies="graphql"><code class="language-javascript">gql`{ foo }`;
  graphql`{ foo }`;</code></pre>
  

Download