       </div>
       <div className="row">
         <div className="small-12 column">
-          <PageContent ref="content" />
+          <PageContent ref="content" onContentChange={@handlePageSubmit} />
           <PageForm onPageSubmit={@handlePageSubmit} />
         </div>
       </div>

)

PageContent = React.createClass(
  getInitialState: ->
    {content: page.content}
  componentDidMount: ->
    @focus()
  focus: ->
    React.findDOMNode(@refs.editable).focus()
  render: ->
    style = {
      whiteSpace: 'pre'
      marginBottom: '20px'
    }
    return (
      <div className="editable cursor-text" contentEditable="true" style={style} ref="editable">{this.state.content}</div>
    )
)


    e.preventDefault()
    @props.onPageSubmit()
  render: ->
    <form id="contents" action={if page.id then "/pages/#{page.id}" else "/pages/"} method="PUT" onSubmit={@handleSubmit}></form>
)

module.exports = App
