 
     @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: =>

    @renderDocs()

  renderDocs: =>
    @element.querySelector('.markdownContent').innerHTML = markdownToHTML(@docs)

  renderTypes: =>
    @element.querySelector('.markdownContent').innerHTML = markdownToHTML(@types)

  renderCallbacks: =>
    @element.querySelector('.markdownContent').innerHTML = markdownToHTML(@callbacks)

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

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

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