Question

I have a model which defines a property with either markdown or html content.

I am wondering whether using a markdown JS library to output the info or use handlebars to generate the html output inside the view.

Any recommendations, examples will be appreciated.

Answer 1

Using a Markdown converter worked for me.

Here is my view code:

App.ActivityDetailsView = Em.View.extend(
  templateName :        'activity-details',
  classNames :          ['details rounded shadow'],
  rawDescriptionBinding:   'App.activityDetailsController.description',

  description: (->
    converter = new Markdown.Converter().makeHtml
    return converter(@rawDescription)
  ).property('rawDescription')

)

Here is the template code (note the triple handlebars {{{}}} for raw html):

  <script type="text/x-handlebars" data-template-name="activity-details">
    {{{description}}}
  </script>

Here is a link to more details and the showdown.js script