Ractive.js Tutorial 7-1

index.html

<!-- http://learn.ractivejs.org/triples-embedded-html/1 -->

<script src='http://cdn.ractivejs.org/latest/ractive.min.js'></script>

<div id='container'></div>


<script id='template' type='text/ractive'>
  <p>This is a normal mustache: {{content}}</p>
  <p>And this is a triple mustache: {{{content}}}</p>
</script>

Ractive.js-Tutorial-7-1.markdown

Ractive.js Tutorial 7-1

A Pen by Ken on CodePen.

License.

script.js

var ractive = new Ractive({
  el: 'container',
  template: '#template',
  data: {
    content: '<strong>Spot the difference?</strong>'
  }
});