Index: backoffice/html/scheduleConfig/content-container.html
===================================================================
diff -u -rc253f3ef06f3733f40efc20dad22d8956ef06d05 -r49401aab3cad938c3f2ebf73e972eadd4d897b62
--- backoffice/html/scheduleConfig/content-container.html	(.../content-container.html)	(revision c253f3ef06f3733f40efc20dad22d8956ef06d05)
+++ backoffice/html/scheduleConfig/content-container.html	(.../content-container.html)	(revision 49401aab3cad938c3f2ebf73e972eadd4d897b62)
@@ -760,6 +760,16 @@
                     </div>
                     <!------------------------------------------------>
                 </div>
+
+                <div class="col-md-6">
+                    <div class="darkBack">
+                        <textarea id="input" rows="3" name="text" class="form-control darkBack"></textarea>
+                        <pre>
+                            <code id="output" class="nginx">
+                            </code>
+                        </pre>
+                    </div>
+                </div>
             </div>
         </div>
     </section>
@@ -802,4 +812,34 @@
         color: #f8f8f8;
     }
 
+    /* 하이라이트 */
+    .hljs-ln-numbers {
+        text-align: center;
+        color: #ccc;
+        vertical-align: top;
+        padding-right: 5px;
+        padding: 1px 5px 1px 5px !important;
+
+        -webkit-touch-callout: none;
+        -webkit-user-select: none;
+        -khtml-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+    }
+    .hljs-ln-code {
+        padding: 0px 0px 0px 10px !important;
+        padding-left: 10px;
+        border-bottom: 0px !important;
+    }
+
+    .hljs-ln-numbers {
+        border-bottom: 0px !important;
+    }
+
+    code {
+        white-space: pre-wrap;
+        overflow: auto;
+    }
+
 </style>
\ No newline at end of file
Index: backoffice/js/scheduleConfig.js
===================================================================
diff -u -r88049a15d4c6361a24dd120b0fd9b55b19f0ce81 -r49401aab3cad938c3f2ebf73e972eadd4d897b62
--- backoffice/js/scheduleConfig.js	(.../scheduleConfig.js)	(revision 88049a15d4c6361a24dd120b0fd9b55b19f0ce81)
+++ backoffice/js/scheduleConfig.js	(.../scheduleConfig.js)	(revision 49401aab3cad938c3f2ebf73e972eadd4d897b62)
@@ -35,7 +35,11 @@
             "../reference/jquery-plugins/select2-4.0.2/dist/js/select2.min.js",
             "../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.quicksearch.js",
             "../reference/jquery-plugins/lou-multi-select-0.9.12/js/jquery.multi-select.js",
-            "../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select.min.js"
+            "../reference/jquery-plugins/multiple-select-1.5.2/dist/multiple-select.min.js",
+            //highlight
+            "../reference/jquery-plugins/highlight.js-11.10.0/highlight.js.lib/src/styles/base16/darcula.css",
+            "../reference/jquery-plugins/highlight.js-11.10.0/highlight.js.lib/highlight.min.js",
+            "../reference/jquery-plugins/highlight.js-11.10.0/highlightjs-line-numbers.js/src/highlightjs-line-numbers.js"
         ],
 
         [
@@ -105,10 +109,38 @@
                 }
             }, 313 /*milli*/);
 
+            // Excel
             drawExcel("schedule_history_excel");
-            // turn the div into a cron editor
+
+            // 크론에디터
             cronInit();
 
+            // 하이라이트
+            hljs.highlightAll();
+            hljs.initLineNumbersOnLoad({
+                // singleLine:true,
+                // startFrom: 5,
+            });
+
+            //  Element
+            var inputarea = document.getElementById("input");
+            var outputarea = document.getElementById("output");
+
+            inputarea.addEventListener("input", function (event) {
+                outputarea.innerHTML = inputarea.value;
+                inputarea.style.zIndex = 4;
+                //
+                refreshHighlighting();
+            }, false);
+
+            function refreshHighlighting() {
+                hljs.highlightAll();
+                hljs.initLineNumbersOnLoad({
+                    // singleLine:true,
+                    // startFrom: 5,
+                });
+            }
+
         })
         .catch(function (error) {
             console.error("플러그인 로드 중 오류 발생");