diff --git a/package.json b/package.json
index b0e0f8e..cbcd84f 100644
--- a/package.json
+++ b/package.json
@@ -82,7 +82,7 @@
         "ngx-dropzone": "^3.1.0",
         "ngx-joyride": "^2.5.0",
         "ngx-monaco-editor-v2": "^17.0.1",
-        "ngx-quill": "~12.0.1",
+        "ngx-quill": "~16.2.1",
         "quill": "~1.3.7",
         "rollup": "~1.31.1",
         "rollup-plugin-node-resolve": "~5.2.0",
diff --git a/src/app/form-builder/gridster/gridster-datafield/gridster-data-field.component.html b/src/app/form-builder/gridster/gridster-datafield/gridster-data-field.component.html
index ff9ac9e..e371860 100644
--- a/src/app/form-builder/gridster/gridster-datafield/gridster-data-field.component.html
+++ b/src/app/form-builder/gridster/gridster-datafield/gridster-data-field.component.html
@@ -5,7 +5,7 @@
 
     <nc-data-field-template *ngIf="dataField.dataVariable.type !== DataType.CASE_REF &&
                  dataField.dataVariable.type !== DataType.TASK_REF &&
-                 dataField.dataVariable.type !== DataType.FILTER" [dataField]="engineField" [offset]="0" fxFlex>
+                 dataField.dataVariable.type !== DataType.FILTER" [additionalFieldProperties]="{taskId: ''}" [dataField]="engineField" [offset]="0" fxFlex >
     </nc-data-field-template>
 </div>
 <div *ngIf="isHidden()" fxLayout="row" fxLayoutAlign="center center" class="gridster-item-content min-row-height hidden-field">
diff --git a/src/app/modeler/gridster-field-to-engine-field.service.ts b/src/app/modeler/gridster-field-to-engine-field.service.ts
index 5a4e112..78ca7b7 100644
--- a/src/app/modeler/gridster-field-to-engine-field.service.ts
+++ b/src/app/modeler/gridster-field-to-engine-field.service.ts
@@ -31,7 +31,7 @@ import {
     NumberField,
     Properties,
     TaskRefField,
-    TemplateAppearance,
+    TemplateAppearance, TextAreaField,
     TextField,
     UserField
 } from '@netgrif/components-core';
@@ -87,6 +87,19 @@ export class GridsterFieldToEngineFieldService {
     }
 
     private toTextField(dataField: GridsterDataField): TextField {
+        if (this.getComponent(dataField)?.name === 'htmltextarea') {
+            return new TextAreaField(
+                dataField.dataVariable.id,
+                dataField.dataVariable.title?.value,
+                dataField.dataVariable.init?.value,
+                this.buildBehavior(dataField),
+                dataField.dataVariable.placeholder?.value,
+                dataField.dataVariable.desc?.value,
+                this.buildLayout(dataField),
+                [],
+                this.buildComponent(dataField)
+            );
+        }
         return new TextField(
             dataField.dataVariable.id,
             dataField.dataVariable.title?.value,