diff --git a/template/app/view/examples/Inline.js b/template/app/view/examples/Inline.js
index 8a822b87e9c1a16b523a9ba1ab35a5f8a5b2643b..89b58c297eb42d172fd3c8fe7c64bd2eeb7686e1 100644
--- a/template/app/view/examples/Inline.js
+++ b/template/app/view/examples/Inline.js
@@ -72,6 +72,7 @@ Ext.define('Docs.view.examples.Inline', {
                 cmpName: 'code',
                 value: this.value,
                 listeners: {
+                    init: this.updateHeight,
                     change: this.updateHeight,
                     scope: this
                 }
diff --git a/template/app/view/examples/InlineEditor.js b/template/app/view/examples/InlineEditor.js
index ed92f6fe514f8c6461960db241c734e68e60ee13..aa125f9e7acd7f48fea21dcb9bc71bbe025d0ca3 100644
--- a/template/app/view/examples/InlineEditor.js
+++ b/template/app/view/examples/InlineEditor.js
@@ -9,6 +9,11 @@ Ext.define('Docs.view.examples.InlineEditor', {
 
     initComponent: function() {
         this.addEvents(
+            /**
+             * @event
+             * Fired after CodeMirror initialized.
+             */
+            "init",
             /**
              * @event
              * Fired when CodeMirror onChange is called.
@@ -29,6 +34,7 @@ Ext.define('Docs.view.examples.InlineEditor', {
                     this.fireEvent("change");
                 }, this)
             });
+            this.fireEvent("init");
         }
     },