diff --git a/src/components/plugin/SectionHtml.vue b/src/components/plugin/SectionHtml.vue
index 62eee14..71fce10 100644
--- a/src/components/plugin/SectionHtml.vue
+++ b/src/components/plugin/SectionHtml.vue
@@ -40,6 +40,7 @@ export default {
         this.name = (this.value && this.value.name) ? this.value.name : this.name;
         this.text = (this.value && this.value.text) ? this.value.text : this.text;
         if (this.value.open) this.modalBox = true;
+        this.$emit('input',this.value);
     },
     data: function () {
         return {
diff --git a/src/components/plugin/SectionText.vue b/src/components/plugin/SectionText.vue
index 26181fb..e0959c8 100644
--- a/src/components/plugin/SectionText.vue
+++ b/src/components/plugin/SectionText.vue
@@ -78,6 +78,8 @@ export default {
         this.align = (this.value && this.value.align) ? this.value.align : this.align;
         if (this.value.open) this.modalBox = true;
         console.log('pagebuilder', this.$pagebuilder);
+        this.$emit('input',this.value);
+
     },
     methods: {
         removeItem: function () {
diff --git a/src/components/plugin/SectionTextarea.vue b/src/components/plugin/SectionTextarea.vue
index 9118e32..8414b96 100644
--- a/src/components/plugin/SectionTextarea.vue
+++ b/src/components/plugin/SectionTextarea.vue
@@ -43,6 +43,8 @@ export default {
         this.name = (this.value && this.value.name) ? this.value.name : this.name;
         this.text = (this.value && this.value.text) ? this.value.text : this.text;
         if (this.value.open) this.modalBox = true;
+        this.$emit('input',this.value);
+
     },
     data: function () {
         return {