 
     @callbacks ||= "No callback information available."
 
+    @element.querySelector('.docsContent').innerHTML = markdownToHTML(@docs)
+    @element.querySelector('.typesContent').innerHTML = markdownToHTML(@types)
+    @element.querySelector('.callbacksContent').innerHTML = markdownToHTML(@callbacks)
+
     @renderMarkdown()
 
   renderMarkdown: =>

          @button class: "btn callbacks", "Callbacks"
        @a class: 'link pull-right', style: 'margin-top: 14px;', 'See Online Docs'
        @hr style: 'clear: both;'
      @div class: 'markdownContent padded'

  constructor: ({@viewId, @source}) ->
    super

    @renderDocs()

  renderDocs: =>
    $(@element.querySelectorAll('.markdownContent')).css('display', 'none')
    @element.querySelector('.docsContent').style.display = ''

  renderTypes: =>
    $(@element.querySelectorAll('.markdownContent')).css('display', 'none')
    @element.querySelector('.typesContent').style.display = ''

  renderCallbacks: =>
    $(@element.querySelectorAll('.markdownContent')).css('display', 'none')
    @element.querySelector('.callbacksContent').style.display = ''

  getTitle: ->
    "Elixir Docs - #{@viewId}"
