enable spellchecker

app/components/SimpleEditor/ContainerEditor.js

@@ -10,7 +10,8 @@ import {
 class ContainerEditor extends SubstanceContainerEditor {
   render ($$) {
     let el = super.render($$)
-
+    // native spellcheck
+    el.attr('spellcheck', this.props.spellcheck === 'native')
     // var doc = this.getDocument()
     // var containerId = this.getContainerId()
     // var containerNode = doc.get(containerId)

app/components/SimpleEditor/Editor.js

@@ -136,6 +136,7 @@ class Editor extends ProseEditor {
       editorSession: this.editorSession,
       commands: configurator.getSurfaceCommandNames(),
       containerId: 'body',
+      spellcheck: 'native',
       textTypes: configurator.getTextTypes(),
       trackChanges: this.props.trackChanges,
       updateTrackChangesStatus: this.props.updateTrackChangesStatus

app/components/SimpleEditor/config.js

@@ -12,7 +12,8 @@ import {
   StrongPackage,
   SubscriptPackage,
   SuperscriptPackage,
-  SwitchTextTypePackage
+  SwitchTextTypePackage,
+  SpellCheckPackage
 } from 'substance'
 
 // My Elements
@@ -54,6 +55,7 @@ let config = {
     config.import(PersistencePackage)
 
     config.import(LinkPackage)
+    config.import(SpellCheckPackage)
     // config.import(CodeblockPackage)
     // // config.import(DialoguePackage)
     // config.import(ExtractPackage)