diff --git a/demo/app.js b/demo/app.js
index e637f36..45f1dbf 100644
--- a/demo/app.js
+++ b/demo/app.js
@@ -33,6 +33,7 @@
 		$scope.sample2Text = '';
 		$scope.sample3Text = 'Check out the <a href="https://www.froala.com/wysiwyg-editor">Froala Editor</a>';
 
+
 		$scope.imgModel = {src: 'image.jpg'};
 
 		$scope.buttonModel = {innerHTML: 'Click Me'};
@@ -42,6 +43,12 @@
 			angularIgnoreAttrs: ['class', 'ng-model', 'id', 'froala']
 		}
 
+		$scope.sample8Text = '<p><b>Hello</b>, world!</p>';
+		$scope.sample8Options = {
+			initOnClick: true,
+			placeholderText: "",
+		}
+
 		$scope.initializeLink = function(linkInitControls) {
 			$scope.linkInitControls = linkInitControls;
 		};
diff --git a/demo/index.html b/demo/index.html
index c31f541..506a2e0 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -119,6 +119,11 @@ <h4>Model Obj:</h4>
     <div>{{linkModel}}</div>
   </div>
 
+  <div class="sample">
+    <h2>Sample 8: Init on click</h2>
+    <textarea id="froala-sample-2" froala="sample8Options" ng-model="sample8Text"></textarea>
+  </div>
+
 </body>
 
 </html>
diff --git a/src/angular-froala.js b/src/angular-froala.js
index a54320a..86ecf04 100644
--- a/src/angular-froala.js
+++ b/src/angular-froala.js
@@ -86,6 +86,9 @@
                   ctrl.froalaEditor.undo.reset();
                   ctrl.froalaEditor.undo.saveStep();
                 }
+                else if (ctrl.froalaEditor) {
+                  ctrl.froalaEditor.el.innerHTML = ngModel.$viewValue || '';
+                }
               }
             };