optimize previewClass, add destroyed

- - · - - · commit 812b3e010c57 · 2017-01-06T00:36:01.000+08:00
diff --git a/README.md b/README.md
@@ -75,7 +75,7 @@ export default {
   },
   mounted: {
     console.log(this.simplemde)
-    this.simplemde.value('lalala')
+    this.simplemde.value('hellow')
 
     // You can catch the following list of events: https://codemirror.net/doc/manual.html#events
     this.simplemde.codemirror.on('change', () => {
diff --git a/markdown-editor.vue b/markdown-editor.vue
@@ -29,6 +29,9 @@ export default {
       configs.element = configs.element || this.$el.firstChild
       configs.initialValue = configs.initialValue || this.value
 
+      // 实例化编辑器
+      this.simplemde = new SimpleMDE(configs)
+
       // 开启代码高亮
       if (configs.renderingConfig && configs.renderingConfig.codeSyntaxHighlighting) {
         require.ensure([], () => {
@@ -38,26 +41,30 @@ export default {
         }, 'highlight')
       }
 
-      // 实例化编辑器
-      this.simplemde = new SimpleMDE(configs)
-
       // 添加自定义 previewClass
-      this.addPreviewClass()
+      var _class = this.previewClass || ''
+      if (configs.renderingConfig && configs.renderingConfig.codeSyntaxHighlighting) {
+        _class += ' hljs'
+      }
+      this.addPreviewClass(_class)
 
       // 绑定输入事件
       this.simplemde.codemirror.on('change', () => {
         this.$emit('input', this.simplemde.value())
       })
     },
-    addPreviewClass () {
-      var _class = (this.configs.renderingConfig && this.configs.renderingConfig.codeSyntaxHighlighting) ? (this.previewClass || '') + ' hljs' : (this.previewClass || '')
+    addPreviewClass (_class) {
       var wrapper = this.simplemde.codemirror.getWrapperElement()
       var preview = document.createElement('div')
       wrapper.nextSibling.className += ' ' + _class
       preview.className = 'editor-preview ' + _class
       wrapper.appendChild(preview)
     }
   },
+  destroyed () {
+    this.simplemde.toTextArea()
+    this.simplemde = null
+  },
   watch: {
     value (val) {
       if (val === this.simplemde.value()) return
