marked-js.html

<!--
Copyright 2013 The Polymer Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
-->
<link rel="import" href="../polymer/polymer.html">
<script src="marked/marked.js"></script>

<polymer-element name="marked-js" attributes="text">

  <script>
    Polymer('marked-js', {

      text: '',

      enteredView: function() {
        marked.setOptions({
          highlight: this.highlight.bind(this)
        });
        if (!this.text) {
          this.text = this.innerHTML;
        }
      },

      textChanged: function () {
        this.innerHTML = marked(this.text);
      },

      highlight: function(code, lang) {
        var event = this.fire('marked-js-highlight', {code: code, lang: lang});
        return event.detail.code || code;
      }

    });
  </script>

</polymer-element>