fix the problem of not updating the content in real time

lpreterite · Oct 27, 2017 · 006bf2f · 006bf2f
1 parent 90636f6
commit 006bf2f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/example/main.js b/example/main.js
@@ -29,7 +29,7 @@ var vm = new Vue({
                     })
                 },
                 {
-                    content: '<p>多个文本测试</p><hr><p>第二行</p>',
+                    content: '<p>Vue</p><hr><p>The Progressive JavaScript Framework</p>',
                     setting: {
                         language_url: "langs/zh_CN.js",
                         height: 200,

diff --git a/src/vue-tinymce.vue b/src/vue-tinymce.vue
@@ -60,9 +60,14 @@ export default {
                         // console.log('init', this.value);
                         editor.setContent(this.value);
                         //fix execCommand not change ,more see issues#2
-                        editor.on('input change undo redo execCommand', ()=>{
+                        editor.on('input change undo redo execCommand KeyUp', ()=>{
                             if(this.status === INPUT || this.status === INIT) return this.status = CHANGED;
                             this.$emit('input', editor.getContent());
+                            console.log('editor change', editor.getContent());
+                        });
+                        //fix have chang not to emit input,more see issues #4
+                        editor.on('NodeChange', ()=>{
+                            this.$emit('input', editor.getContent());
                         });
                     });
                 }