From d94f72a6f5bf1e87c38e4b71aae814f9af43f5dd Mon Sep 17 00:00:00 2001 From: Alexandros Georgantas <alexgeorg86@gmail.com> Date: Tue, 4 Apr 2017 11:26:08 +0300 Subject: [PATCH] Editor added in the notes section --- .../SimpleEditor/panes/Notes/Notes.js | 35 ++++++++++++++++--- 1 file changed, 31 insertions(+), 4 deletions(-) diff --git a/app/components/SimpleEditor/panes/Notes/Notes.js b/app/components/SimpleEditor/panes/Notes/Notes.js index 79d144a..370ee40 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 () { -- GitLab