diff --git a/app/components/SimpleEditor/panes/Notes/Notes.js b/app/components/SimpleEditor/panes/Notes/Notes.js
index 79d144a63bb28e8e369556027dfa08f220891219..370ee407d51e2c6fd67e59ae9b2b9200d2070c41 100644
--- a/app/components/SimpleEditor/panes/Notes/Notes.js
+++ b/app/components/SimpleEditor/panes/Notes/Notes.js
@@ -1,4 +1,9 @@
-import { Component } from 'substance'
+import { Component, EditorSession,
+  ProseEditorConfigurator as Configurator } from 'substance'
+import MiniEditor from '../../miniEditor/miniEditor'
+import config from '../../miniEditor/config'
+import Importer from '../../SimpleEditorImporter'
+import SimpleExporter from '../../SimpleEditorExporter'
 
 class Notes extends Component {
   constructor (props) {
@@ -27,13 +32,35 @@ class Notes extends Component {
   }
 
   render ($$) {
+    const miniEditorSession = this._initMiniEditor()
     const resizer = $$('div').addClass('resize-area')
-    const notesContainer = $$('div')
-         .addClass('notes-container').append(resizer)
 
+    const el = $$('div')
+         .addClass('notes-container').append(resizer)
+    el.append($$(MiniEditor, {
+      editorSession: miniEditorSession
+    }))
     resizer.addEventListener('mousedown', this.initResize, false)
 
-    return notesContainer
+    return el
+  }
+
+  _initMiniEditor () {
+    const configurator = new Configurator().import(config)
+    configurator.addImporter('html', Importer)
+
+    const importer = configurator.createImporter('html')
+    const doc = importer.importDocument('Hello')
+
+    const editorSession = new EditorSession(doc, {
+      configurator: configurator
+    })
+
+    editorSession.setSaveHandler({
+      saveDocument: this.saveNote
+    })
+
+    return editorSession
   }
 
   getProvider () {