integral 1.1.0 → 1.5.1

data/app/assets/javascripts/ckeditor/plugins/codemirror/plugin.js

@@ -7,10 +7,10 @@
 */
 
 (function() {
-    CKEDITOR.plugins.add('codemirror', {
-        icons: 'searchcode,autoformat,commentselectedrange,uncommentselectedrange,autocomplete', // %REMOVE_LINE_CORE%
-        lang: 'af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en-au,en-ca,en-gb,en,eo,es,et,eu,fa,fi,fo,fr-ca,fr,gl,gu,he,hi,hr,hu,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt-br,pt,ro,ru,sk,sl,sr-latn,sr,sv,th,tr,ug,uk,vi,zh-cn,zh', // %REMOVE_LINE_CORE%
-        version: '1.17.3',
+    CKEDITOR.plugins.add("codemirror", {
+        icons: "searchcode,autoformat,commentselectedrange,uncommentselectedrange,autocomplete", // %REMOVE_LINE_CORE%
+        lang: "af,ar,bg,bn,bs,ca,cs,cy,da,de,el,en-au,en-ca,en-gb,en,eo,es,et,eu,fa,fi,fo,fr-ca,fr,gl,gu,he,hi,hr,hu,is,it,ja,ka,km,ko,ku,lt,lv,mk,mn,ms,nb,nl,no,pl,pt-br,pt,ro,ru,sk,sl,sr-latn,sr,sv,th,tr,ug,uk,vi,zh-cn,zh", // %REMOVE_LINE_CORE%
+        version: "1.17.8",
         init: function (editor) {
             var rootPath = this.path,
                 defaultConfig = {
@@ -27,7 +27,7 @@
                     indentWithTabs: false,
                     lineNumbers: true,
                     lineWrapping: true,
-                    mode: 'htmlmixed',
+                    mode: "htmlmixed",
                     matchBrackets: true,
                     maxHighlightLineLength: 1000,
                     matchTags: true,
@@ -38,7 +38,7 @@
                     showTrailingSpace: true,
                     showUncommentButton: true,
                     styleActiveLine: true,
-                    theme: 'default',
+                    theme: "default",
                     useBeautifyOnStart: false
                 };
 
@@ -58,59 +58,66 @@
             if (editor.plugins.bbcode && config.mode.indexOf("bbcode") <= 0) {
                 config.mode = "bbcode";
             }
-            var requirePresent = "function" === typeof require;
-
+            var requirePresent = "function" === typeof require && "function" === typeof require.config;
+            var pluginRequire;
             if (requirePresent){
-                var location = window.CKEDITOR_GETURL('plugins/codemirror/js');
-                require.config({
+                var requireContext = config.requireContext || "_";
+                var location = CKEDITOR.getUrl("plugins/codemirror/js");
+                pluginRequire = require.config({
+                    context: requireContext,
                     packages: [{
-                        name: 'codemirror',
+                        name: "codemirror",
+                        location: location,
+                        main: "codemirror.min.js"
+                    }, {
+                        name: "codemirror-mode-handlebars",
                         location: location,
-                        main: 'codemirror.min.js'
+                        main: "codemirror.mode.handlebars.min.js"
                     }, {
-                        name: 'codemirror-mode-twig',
+                        name: "codemirror-mode-twig",
                         location: location,
-                        main: 'codemirror.mode.twig.min.js'
+                        main: "codemirror.mode.twig.min.js"
                     }, {
-                        name: 'codemirror-mode-html',
+                        name: "codemirror-mode-html",
                         location: location,
-                        main: 'codemirror.mode.htmlmixed.min.js'
+                        main: "codemirror.mode.htmlmixed.min.js"
                     }, {
-                        name: 'codemirror-mode-php',
+                        name: "codemirror-mode-php",
                         location: location,
-                        main: 'codemirror.mode.php.min.js'
+                        main: "codemirror.mode.php.min.js"
                     }, {
-                        name: 'codemirror-mode-js',
+                        name: "codemirror-mode-js",
                         location: location,
-                        main: 'codemirror.mode.js.min.js'
+                        main: "codemirror.mode.js.min.js"
                     }, {
-                        name: 'codemirror-addons',
+                        name: "codemirror-addons",
                         location: location,
-                        main: 'codemirror.addons.min.js'
+                        main: "codemirror.addons.min.js"
                     }, {
-                        name: 'codemirror-addon-search',
+                        name: "codemirror-addon-search",
                         location: location,
-                        main: 'codemirror.addons.search.min.js'
+                        main: "codemirror.addons.search.min.js"
                     }, {
-                        name: 'codemirror-beautify',
+                        name: "codemirror-beautify",
                         location: location,
-                        main: 'beautify.min.js'
+                        main: "beautify.min.js"
                     }],
                     bundles: {
-                        'codemirror': ['core', 'codemirror.js'],
-                        'codemirror-mode-twig': ['modeTwig'],
-                        'codemirror-mode-html': ['modeHtml'],
-                        'codemirror-mode-php': ['modePHP'],
-                        'codemirror-mode-js': ['modeJS'],
-                        'codemirror-addons': ['addons'],
-                        'codemirror-addon-search': ['addonSearch'],
-                        'codemirror-beautify': ['beautifyModule']
+                        'codemirror': ["core", "codemirror.js"],
+                        'codemirror-mode-handlebars': ["modeHandlebars"],
+                        'codemirror-mode-twig': ["modeTwig"],
+                        'codemirror-mode-html': ["modeHtml"],
+                        'codemirror-mode-php': ["modePHP"],
+                        'codemirror-mode-js': ["modeJS"],
+                        'codemirror-addons': ["addons"],
+                        'codemirror-addon-search': ["addonSearch"],
+                        'codemirror-beautify': ["beautifyModule"]
                     },
                     map: {
                         '*': {
                             //all the requires pointing to ../../lib/codemirror from addons will be redirected to module named codemirror.js
                             //which is located in bundle 'codemirror' whose js file is codemirror.min.js
-                            'lib/codemirror': 'codemirror.js'
+                            'lib/codemirror': "codemirror.js"
                         }
                     }
                 });
@@ -119,7 +126,7 @@
             if (editor.elementMode === CKEDITOR.ELEMENT_MODE_INLINE || editor.plugins.sourcedialog) {
 
                 // Override Source Dialog
-                CKEDITOR.dialog.add('sourcedialog', function (editor) {
+                CKEDITOR.dialog.add("sourcedialog", function (editor) {
                     var sizeDialog = CKEDITOR.document.getWindow().getViewPaneSize(),
                         minWidth = Math.min(sizeDialog.width - 70, 800),
                         minHeight = sizeDialog.height / 1.5,
@@ -131,7 +138,7 @@
                             height = size.height / 1.5;
 
                         window["codemirror_" + editor.id] = CodeMirror.fromTextArea(textarea, {
-                            mode: config.mode,
+                            mode: config.mode === "handlebars" ? { name: "handlebars", base: "text/html" } : config.mode,
                             matchBrackets: config.matchBrackets,
                             maxHighlightLineLength: config.maxHighlightLineLength,
                             matchTags: config.matchTags,
@@ -163,8 +170,8 @@
                         });
        
 
-                        var holderHeight = height + 'px';
-                        var holderWidth = width + 'px';
+                        var holderHeight = height + "px";
+                        var holderWidth = width + "px";
 
                         // Store config so we can access it within commands etc.
                         window["codemirror_" + editor.id].config = config;
@@ -172,8 +179,8 @@
                         if (config.autoFormatOnStart) {
                             if (config.useBeautifyOnStart) {
                                 var indent_size = 4,
-                                    indent_char = ' ',
-                                    brace_style = 'collapse'; //collapse, expand, end-expand
+                                    indent_char = " ",
+                                    brace_style = "collapse"; //collapse, expand, end-expand
 
                                 var source = window["codemirror_" + editor.id].getValue();
 
@@ -198,7 +205,7 @@
 
                         window["codemirror_" + editor.id].on("change", function () {
                             window["codemirror_" + editor.id].save();
-                            editor.fire('change', this);
+                            editor.fire("change", this);
                         });
 
 
@@ -209,13 +216,13 @@
                             window["codemirror_" + editor.id].on("gutterClick", window["foldFunc_" + editor.id]);
                         }
                         // Run config.onLoad callback, if present.
-                        if (typeof config.onLoad === 'function') {
+                        if (typeof config.onLoad === "function") {
                             config.onLoad(window["codemirror_" + editor.id], editor);
                         }
 
                         // inherit blur event
                         window["codemirror_" + editor.id].on("blur", function () {
-                            editor.fire('blur', this);
+                            editor.fire("blur", this);
                         });
 
                         window["codemirror_" + editor.id].on("keypress", function (codeMirror_Editor, evt) {
@@ -242,7 +249,7 @@
 
                             start = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.startOffset);
 
-                            if (typeof (textRange.endOffset) == 'undefined') {
+                            if (typeof (textRange.endOffset) == "undefined") {
                                 window["codemirror_" + editor.id].focus();
                                 window["codemirror_" + editor.id].setCursor(start);
                             } else {
@@ -260,14 +267,14 @@
                         minHeight: minHeight,
                         resizable: CKEDITOR.DIALOG_RESIZE_BOTH,
                         onLoad: function() {
-                            this.on('resize',
+                            this.on("resize",
                                 function (event) {
                                     var parts = event.sender.parts;
                                     var title = parts.title;
                                     var footer = parts.footer;
                                     
-                                    var holderHeight = (event.data.height - title.$.offsetHeight - footer.$.offsetHeight) + 'px';
-                                    var holderWidth = event.data.width + 'px';
+                                    var holderHeight = (event.data.height - title.$.offsetHeight - footer.$.offsetHeight) + "px";
+                                    var holderWidth = event.data.width + "px";
 
                                     window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);
                                 },
@@ -275,33 +282,33 @@
                         },
                         onShow: function (event) {
                             // Set Elements
-                            this.getContentElement('main', 'data').focus();
-                            this.getContentElement('main', 'AutoComplete').setValue(config.autoCloseTags, true);
+                            this.getContentElement("main", "data").focus();
+                            this.getContentElement("main", "AutoComplete").setValue(config.autoCloseTags, true);
 
-                            var textArea = this.getContentElement('main', 'data').getInputElement().$;
+                            var textArea = this.getContentElement("main", "data").getInputElement().$;
 
                             // Load the content
-                            this.setValueOf('main', 'data', oldData = editor.getData());
+                            this.setValueOf("main", "data", oldData = editor.getData());
 
                             if (config.autoLoadCodeMirror) {
 
-                                if (!IsStyleSheetAlreadyLoaded(rootPath + 'css/codemirror.min.css')) {
-                                    CKEDITOR.document.appendStyleSheet(rootPath + 'css/codemirror.min.css');
+                                if (!IsStyleSheetAlreadyLoaded(rootPath + "css/codemirror.min.css")) {
+                                    CKEDITOR.document.appendStyleSheet(rootPath + "css/codemirror.min.css");
                                 }
 
                                 if (config.theme.length &&
-                                    config.theme != 'default' &&
-                                    !IsStyleSheetAlreadyLoaded(rootPath + 'theme/' + config.theme + '.css')) {
-                                    CKEDITOR.document.appendStyleSheet(rootPath + 'theme/' + config.theme + '.css');
+                                    config.theme != "default" &&
+                                    !IsStyleSheetAlreadyLoaded(rootPath + "theme/" + config.theme + ".css")) {
+                                    CKEDITOR.document.appendStyleSheet(rootPath + "theme/" + config.theme + ".css");
                                 }
                                 if(requirePresent) {
-                                    require(getCodeMirrorDependencies(),function (codemirror, addons){
+                                    pluginRequire(getCodeMirrorDependencies(),function (codemirror, addons){
                                         loadCodeMirrorInline(editor, textArea, event.sender);
                                     });
                                 } else {
-                                    if (typeof (CodeMirror) == 'undefined') {
+                                    if (typeof (CodeMirror) == "undefined") {
 
-                                        CKEDITOR.scriptLoader.load(rootPath + 'js/codemirror.min.js',
+                                        CKEDITOR.scriptLoader.load(rootPath + "js/codemirror.min.js",
                                             function() {
 
                                                 CKEDITOR.scriptLoader.load(getCodeMirrorScripts(),
@@ -312,7 +319,7 @@
 
 
                                     } else {
-                                        if (CodeMirror.prototype['autoFormatAll']) {
+                                        if (CodeMirror.prototype["autoFormatAll"]) {
                                             loadCodeMirrorInline(editor, textArea, event.sender);
                                         } else {
                                             // loading the add-on scripts.
@@ -332,8 +339,8 @@
                                 // Free Memory
                                 window["codemirror_" + editor.id] = null;
 
-                                editor.fire('blur', this);
-                                editor.fire('focus', this);
+                                editor.fire("blur", this);
+                                editor.fire("focus", this);
                             }
                         },
                         onOk: (function () {
@@ -358,21 +365,21 @@
                                 window["codemirror_" + editor.id] = null;
 
                                 // Remove CR from input data for reliable comparison with editor data.
-                                var newData = this.getValueOf('main', 'data').replace(/\r/g, '');
+                                var newData = this.getValueOf("main", "data").replace(/\r/g, "");
 
                                 // Avoid unnecessary setData. Also preserve selection
                                 // when user changed his mind and goes back to wysiwyg editing.
                                 if (newData === oldData) {
-                                    editor.fire('blur', this);
-                                    editor.fire('focus', this);
+                                    editor.fire("blur", this);
+                                    editor.fire("focus", this);
                                     return true;
                                 }
 
                                 // Set data asynchronously to avoid errors in IE.
                                 CKEDITOR.env.ie ? CKEDITOR.tools.setTimeout(setData, 0, this, newData) : setData.call(this, newData);
 
-                                editor.fire('blur', this);
-                                editor.fire('focus', this);
+                                editor.fire("blur", this);
+                                editor.fire("focus", this);
 
                                 // Don't let the dialog close before setData is over.
                                 return false;
@@ -380,29 +387,29 @@
                         })(),
 
                         contents: [{
-                            id: 'main',
+                            id: "main",
                             label: editor.lang.sourcedialog.title,
                             elements: [
                                 {
-                                    type: 'hbox',
-                                    style: 'width: 80px;margin:0;',
-                                    widths: ['20px', '20px', '20px', '20px'],
+                                    type: "hbox",
+                                    style: "width: 80px;margin:0;",
+                                    widths: ["20px", "20px", "20px", "20px"],
                                     children: [
                                         {
-                                            type: 'button',
-                                            id: 'searchCode',
-                                            label: '',
+                                            type: "button",
+                                            id: "searchCode",
+                                            label: "",
                                             title: lang.searchCode,
-                                            'class': 'searchCodeButton',
+                                            'class': "searchCodeButton",
                                             onClick: function() {
                                                 CodeMirror.commands.find(window["codemirror_" + editor.id]);
                                             }
                                         }, {
-                                            type: 'button',
-                                            id: 'autoFormat',
-                                            label: '',
+                                            type: "button",
+                                            id: "autoFormat",
+                                            label: "",
                                             title: lang.autoFormat,
-                                            'class': 'autoFormat',
+                                            'class': "autoFormat",
                                             onClick: function() {
                                                 var range = {
                                                     from: window["codemirror_" + editor.id].getCursor(true),
@@ -411,11 +418,11 @@
                                                 window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
                                             }
                                         }, {
-                                            type: 'button',
-                                            id: 'CommentSelectedRange',
-                                            label: '',
+                                            type: "button",
+                                            id: "CommentSelectedRange",
+                                            label: "",
                                             title: lang.commentSelectedRange,
-                                            'class': 'CommentSelectedRange',
+                                            'class': "CommentSelectedRange",
                                             onClick: function () {
                                                 var range = {
                                                     from: window["codemirror_" + editor.id].getCursor(true),
@@ -424,11 +431,11 @@
                                                 window["codemirror_" + editor.id].commentRange(true, range.from, range.to);
                                             }
                                         }, {
-                                            type: 'button',
-                                            id: 'UncommentSelectedRange',
-                                            label: '',
+                                            type: "button",
+                                            id: "UncommentSelectedRange",
+                                            label: "",
                                             title: lang.uncommentSelectedRange,
-                                            'class': 'UncommentSelectedRange',
+                                            'class': "UncommentSelectedRange",
                                             onClick: function () {
                                                 var range = {
                                                     from: window["codemirror_" + editor.id].getCursor(true),
@@ -441,23 +448,23 @@
                                             }
                                         }]
                                 }, {
-                                    type: 'checkbox',
-                                    id: 'AutoComplete',
+                                    type: "checkbox",
+                                    id: "AutoComplete",
                                     label: lang.autoCompleteToggle,
                                     title: lang.autoCompleteToggle,
                                     onChange: function () {
                                         window["codemirror_" + editor.id].setOption("autoCloseTags", this.getValue());
                                     }
                                 }, {
-                                    type: 'textarea',
-                                    id: 'data',
-                                    dir: 'ltr',
-                                    inputStyle: 'cursor:auto;' +
-                                        'width:' + minWidth + 'px;' +
-                                        'height:' + minHeight + 'px;' +
-                                        'tab-size:4;' +
-                                        'text-align:left;',
-                                    'class': 'cke_source cke_enable_context_menu'
+                                    type: "textarea",
+                                    id: "data",
+                                    dir: "ltr",
+                                    inputStyle: "cursor:auto;" +
+                                        "width:" + minWidth + "px;" +
+                                        "height:" + minHeight + "px;" +
+                                        "tab-size:4;" +
+                                        "text-align:left;",
+                                    'class': "cke_source cke_enable_context_menu"
                                 }
                             ]
                         }]
@@ -506,8 +513,8 @@
                 };
 
                 editor.commands.find.exec = function() {
-                    if (editor.mode === 'wysiwyg') {
-                        editor.openDialog('find');
+                    if (editor.mode === "wysiwyg") {
+                        editor.openDialog("find");
                     } else {
                         CodeMirror.commands.find(window["codemirror_" + editor.id]);
                     }
@@ -522,8 +529,8 @@
                 };
 
                 editor.commands.replace.exec = function () {
-                    if (editor.mode === 'wysiwyg') {
-                        editor.openDialog('replace');
+                    if (editor.mode === "wysiwyg") {
+                        editor.openDialog("replace");
                     } else {
                         CodeMirror.commands.replace(window["codemirror_" + editor.id]);
                     }
@@ -544,11 +551,11 @@
                         editorFocus: false,
                         readOnly: 1,
                         exec: function(editorInstance) {
-                            if (editorInstance.mode === 'wysiwyg') {
-                                editorInstance.fire('saveSnapshot');
+                            if (editorInstance.mode === "wysiwyg") {
+                                editorInstance.fire("saveSnapshot");
                             }
-                            editorInstance.getCommand('source').setState(CKEDITOR.TRISTATE_DISABLED);
-                            editorInstance.setMode(editorInstance.mode === 'source' ? 'wysiwyg' : 'source');
+                            editorInstance.getCommand("source").setState(CKEDITOR.TRISTATE_DISABLED);
+                            editorInstance.setMode(editorInstance.mode === "source" ? "wysiwyg" : "source");
                         },
                         canUndo: false
                     },
@@ -638,30 +645,30 @@
                 };
             }
 
-            editor.addMode('source', function (callback) {
+            editor.addMode("source", function (callback) {
                 if (!config.autoLoadCodeMirror) {
                     return;
                 }
 
-                if (!IsStyleSheetAlreadyLoaded(rootPath + 'css/codemirror.min.css')) {
-                        CKEDITOR.document.appendStyleSheet(rootPath + 'css/codemirror.min.css');
+                if (!IsStyleSheetAlreadyLoaded(rootPath + "css/codemirror.min.css")) {
+                        CKEDITOR.document.appendStyleSheet(rootPath + "css/codemirror.min.css");
                     }
 
                     if (config.theme.length &&
-                        config.theme != 'default' &&
-                        !IsStyleSheetAlreadyLoaded(rootPath + 'theme/' + config.theme + '.css')) {
-                        CKEDITOR.document.appendStyleSheet(rootPath + 'theme/' + config.theme + '.css');
+                        config.theme != "default" &&
+                        !IsStyleSheetAlreadyLoaded(rootPath + "theme/" + config.theme + ".css")) {
+                        CKEDITOR.document.appendStyleSheet(rootPath + "theme/" + config.theme + ".css");
                     }
 
                 if (requirePresent) {
-                    require(getCodeMirrorDependencies(), function () {
+                    pluginRequire(getCodeMirrorDependencies(), function () {
                         loadCodeMirror(editor);
                         callback();
                     });
                 } else {
-                    if (typeof (CodeMirror) == 'undefined') {
+                    if (typeof (CodeMirror) == "undefined") {
 
-                        CKEDITOR.scriptLoader.load(rootPath + 'js/codemirror.min.js',
+                        CKEDITOR.scriptLoader.load(rootPath + "js/codemirror.min.js",
                             function() {
 
                                 CKEDITOR.scriptLoader.load(getCodeMirrorScripts(),
@@ -671,7 +678,7 @@
                                     });
                             });
                     } else {
-                        if (CodeMirror.prototype['autoFormatAll']) {
+                        if (CodeMirror.prototype["autoFormatAll"]) {
                             loadCodeMirror(editor);
                             callback();
                         } else {
@@ -687,127 +694,134 @@
 
             });
             function getCodeMirrorDependencies() {
-                var dependencies = ['core', 'addons'];
+                var dependencies = ["core", "addons"];
                 switch (config.mode) {
                     case "bbcode":
                     case "bbcodemixed":
-                        dependencies.push('modeHtml');
+                        dependencies.push("modeHtml");
                         break;
                     case "application/x-httpd-php":
-                        dependencies.push('modePHP');
+                        dependencies.push("modePHP");
                         break;
                     case "text/javascript":
-                        dependencies.push('modeJs');
+                        dependencies.push("modeJs");
+                        break;
+                    case "handlebars":
+                        dependencies.push("modeHandlebars");
                         break;
                     case "twig":
-                        dependencies.push('modeTwig');
+                        dependencies.push("modeTwig");
                         break;
                     case "htmlmixed":
                     case "text/html":
                     default:
-                        dependencies.push('modeHtml');
+                        dependencies.push("modeHtml");
                 }
 
                 if (config.useBeautifyOnStart) {
-                    dependencies.push('beautifyModule');
+                    dependencies.push("beautifyModule");
                 }
 
                 if (config.enableSearchTools) {
-                    dependencies.push('addonSearch');
+                    dependencies.push("addonSearch");
                 }
                 return dependencies;
             }
 
             function getCodeMirrorScripts() {
-                var scriptFiles = [rootPath + 'js/codemirror.addons.min.js'];
+                var scriptFiles = [rootPath + "js/codemirror.addons.min.js"];
 
                 switch (config.mode) {
+                    case 'handlebars':
+                    {
+                        scriptFiles.push(rootPath + "js/codemirror.mode.handlebars.min.js");
+                    }
                 case "bbcode":
                     {
-                        scriptFiles.push(rootPath + 'js/codemirror.mode.bbcode.min.js');
+                        scriptFiles.push(rootPath + "js/codemirror.mode.bbcode.min.js");
                     }
 
                     break;
                 case "bbcodemixed":
                         {
-                            scriptFiles.push(rootPath + 'js/codemirror.mode.bbcodemixed.min.js');
+                            scriptFiles.push(rootPath + "js/codemirror.mode.bbcodemixed.min.js");
                         }
 
                         break;
                 case "htmlmixed":
                     {
-                        scriptFiles.push(rootPath + 'js/codemirror.mode.htmlmixed.min.js');
+                        scriptFiles.push(rootPath + "js/codemirror.mode.htmlmixed.min.js");
                     }
 
                     break;
                 case "text/html":
                     {
-                        scriptFiles.push(rootPath + 'js/codemirror.mode.htmlmixed.min.js');
+                        scriptFiles.push(rootPath + "js/codemirror.mode.htmlmixed.min.js");
                     }
 
                     break;
                 case "application/x-httpd-php":
                     {
-                        scriptFiles.push(rootPath + 'js/codemirror.mode.php.min.js');
+                        scriptFiles.push(rootPath + "js/codemirror.mode.php.min.js");
                     }
 
                     break;
                 case "text/javascript":
                     {
-                        scriptFiles.push(rootPath + 'js/codemirror.mode.javascript.min.js');
+                        scriptFiles.push(rootPath + "js/codemirror.mode.javascript.min.js");
                     }
 
                     break;
                 case "twig":
                         {
-                            scriptFiles.push(rootPath + 'js/codemirror.mode.twig.min.js');
+                            scriptFiles.push(rootPath + "js/codemirror.mode.twig.min.js");
                         }
 
                         break;
                 default:
-                    scriptFiles.push(rootPath + 'js/codemirror.mode.htmlmixed.min.js');
+                    scriptFiles.push(rootPath + "js/codemirror.mode.htmlmixed.min.js");
                 }
 
                 if (config.useBeautifyOnStart) {
-                    scriptFiles.push(rootPath + 'js/beautify.min.js');
+                    scriptFiles.push(rootPath + "js/beautify.min.js");
                 }
 
                 if (config.enableSearchTools) {
-                    scriptFiles.push(rootPath + 'js/codemirror.addons.search.min.js');
+                    scriptFiles.push(rootPath + "js/codemirror.addons.search.min.js");
                 }
                 return scriptFiles;
             }
 
             function loadCodeMirror(editor) {
-                var contentsSpace = editor.ui.space('contents'),
-                    textarea = contentsSpace.getDocument().createElement('textarea');
+                var contentsSpace = editor.ui.space("contents"),
+                    textarea = contentsSpace.getDocument().createElement("textarea");
 
                 textarea.setStyles(
                     CKEDITOR.tools.extend({
                             // IE7 has overflow the <textarea> from wrapping table cell.
-                            width: CKEDITOR.env.ie7Compat ? '99%' : '100%',
-                            height: '100%',
-                            resize: 'none',
-                            outline: 'none',
-                            'text-align': 'left'
+                            width: CKEDITOR.env.ie7Compat ? "99%" : "100%",
+                            height: "100%",
+                            resize: "none",
+                            outline: "none",
+                            'text-align': "left"
                         },
-                        CKEDITOR.tools.cssVendorPrefix('tab-size', editor.config.sourceAreaTabSize || 4)));
-                var ariaLabel = [editor.lang.editor, editor.name].join(',');
+                        CKEDITOR.tools.cssVendorPrefix("tab-size", editor.config.sourceAreaTabSize || 4)));
+                var ariaLabel = [editor.lang.editor, editor.name].join(",");
                 textarea.setAttributes({
-                    dir: 'ltr',
+                    dir: "ltr",
                     tabIndex: CKEDITOR.env.webkit ? -1 : editor.tabIndex,
-                    'role': 'textbox',
+                    'role': "textbox",
                     'aria-label': ariaLabel
                 });
-                textarea.addClass('cke_source');
-                textarea.addClass('cke_reset');
-                textarea.addClass('cke_enable_context_menu');
-                editor.ui.space('contents').append(textarea);
+                textarea.addClass("cke_source");
+                textarea.addClass("cke_reset");
+                textarea.addClass("cke_enable_context_menu");
+                editor.ui.space("contents").append(textarea);
                 window["editable_" + editor.id] = editor.editable(new sourceEditable(editor, textarea));
                 // Fill the textarea with the current editor data.
                 window["editable_" + editor.id].setData(editor.getData(1));
                 window["editable_" + editor.id].editorID = editor.id;
-                editor.fire('ariaWidget', this);
+                editor.fire("ariaWidget", this);
 
                 var sourceAreaElement = window["editable_" + editor.id],
                     holderElement = sourceAreaElement.getParent();
@@ -867,7 +881,7 @@
                 addCKEditorKeystrokes(extraKeys);
 
                 window["codemirror_" + editor.id] = CodeMirror.fromTextArea(sourceAreaElement.$, {
-                    mode: config.mode,
+                    mode: config.mode === "handlebars" ? { name: "handlebars", base: "text/html" } : config.mode,
                     matchBrackets: config.matchBrackets,
                     maxHighlightLineLength: config.maxHighlightLineLength,
                     matchTags: config.matchTags,
@@ -891,16 +905,16 @@
                     gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"]
                 });
 
-                var holderHeight = holderElement.$.clientHeight == 0 ? editor.ui.space('contents').getStyle('height') : holderElement.$.clientHeight + 'px';
-                var holderWidth = holderElement.$.clientWidth + 'px';
+                var holderHeight = holderElement.$.clientHeight == 0 ? editor.ui.space("contents").getStyle("height") : holderElement.$.clientHeight + "px";
+                var holderWidth = holderElement.$.clientWidth + "px";
 
                 // Store config so we can access it within commands etc.
                 window["codemirror_" + editor.id].config = config;
                 if (config.autoFormatOnStart) {
                     if (config.useBeautifyOnStart) {
                         var indent_size = 4;
-                        var indent_char = ' ';
-                        var brace_style = 'collapse'; //collapse, expand, end-expand
+                        var indent_char = " ";
+                        var brace_style = "collapse"; //collapse, expand, end-expand
 
                         var source = window["codemirror_" + editor.id].getValue();
 
@@ -925,7 +939,7 @@
 
                 window["codemirror_" + editor.id].on("change", function () {
                     window["codemirror_" + editor.id].save();
-                    editor.fire('change', this);
+                    editor.fire("change", this);
                 });
 
                 window["codemirror_" + editor.id].setSize(null, holderHeight);
@@ -936,13 +950,13 @@
                 }
 
                 // Run config.onLoad callback, if present.
-                if (typeof config.onLoad === 'function') {
+                if (typeof config.onLoad === "function") {
                     config.onLoad(window["codemirror_" + editor.id], editor);
                 }
 
                 // inherit blur event
                 window["codemirror_" + editor.id].on("blur", function () {
-                    editor.fire('blur', this);
+                    editor.fire("blur", this);
                 });
 
                 window["codemirror_" + editor.id].on("keypress", function (codeMirror_Editor, evt) {
@@ -964,65 +978,65 @@
                 });
             }
 
-            editor.addCommand('source', sourcearea.commands.source);
+            editor.addCommand("source", sourcearea.commands.source);
             if (editor.ui.addButton) {
-                editor.ui.addButton('Source', {
+                editor.ui.addButton("Source", {
                     label: editor.lang.codemirror.toolbar,
-                    command: 'source',
-                    toolbar: 'mode,10'
+                    command: "source",
+                    toolbar: "mode,10"
                 });
             }
             if (config.enableCodeFormatting) {
-                editor.addCommand('searchCode', sourcearea.commands.searchCode);
-                editor.addCommand('autoFormat', sourcearea.commands.autoFormat);
-                editor.addCommand('commentSelectedRange', sourcearea.commands.commentSelectedRange);
-                editor.addCommand('uncommentSelectedRange', sourcearea.commands.uncommentSelectedRange);
-                editor.addCommand('autoCompleteToggle', sourcearea.commands.autoCompleteToggle);
+                editor.addCommand("searchCode", sourcearea.commands.searchCode);
+                editor.addCommand("autoFormat", sourcearea.commands.autoFormat);
+                editor.addCommand("commentSelectedRange", sourcearea.commands.commentSelectedRange);
+                editor.addCommand("uncommentSelectedRange", sourcearea.commands.uncommentSelectedRange);
+                editor.addCommand("autoCompleteToggle", sourcearea.commands.autoCompleteToggle);
 
                 if (editor.ui.addButton) {
                     if (config.showFormatButton || config.showCommentButton || config.showUncommentButton || config.showSearchButton) {
-                        editor.ui.add('-', CKEDITOR.UI_SEPARATOR, { toolbar: 'mode,30' });
+                        editor.ui.add("-", CKEDITOR.UI_SEPARATOR, { toolbar: "mode,30" });
                     }
                     if (config.showSearchButton && config.enableSearchTools) {
-                        editor.ui.addButton('searchCode', {
+                        editor.ui.addButton("searchCode", {
                             label: lang.searchCode,
-                            command: 'searchCode',
-                            toolbar: 'mode,40'
+                            command: "searchCode",
+                            toolbar: "mode,40"
                         });
                     }
                     if (config.showFormatButton) {
-                        editor.ui.addButton('autoFormat', {
+                        editor.ui.addButton("autoFormat", {
                             label: lang.autoFormat,
-                            command: 'autoFormat',
-                            toolbar: 'mode,50'
+                            command: "autoFormat",
+                            toolbar: "mode,50"
                         });
                     }
                     if (config.showCommentButton) {
-                        editor.ui.addButton('CommentSelectedRange', {
+                        editor.ui.addButton("CommentSelectedRange", {
                             label: lang.commentSelectedRange,
-                            command: 'commentSelectedRange',
-                            toolbar: 'mode,60'
+                            command: "commentSelectedRange",
+                            toolbar: "mode,60"
                         });
                     }
                     if (config.showUncommentButton) {
-                        editor.ui.addButton('UncommentSelectedRange', {
+                        editor.ui.addButton("UncommentSelectedRange", {
                             label: lang.uncommentSelectedRange,
-                            command: 'uncommentSelectedRange',
-                            toolbar: 'mode,70'
+                            command: "uncommentSelectedRange",
+                            toolbar: "mode,70"
                         });
                     }
                     if (config.showAutoCompleteButton) {
-                        editor.ui.addButton('AutoComplete', {
+                        editor.ui.addButton("AutoComplete", {
                             label: lang.autoCompleteToggle,
-                            command: 'autoCompleteToggle',
-                            toolbar: 'mode,80'
+                            command: "autoCompleteToggle",
+                            toolbar: "mode,80"
                         });
                     }
                 }
             }
 
-            editor.on('beforeModeUnload', function (evt) {
-                if (editor.mode === 'source' && editor.plugins.textselection && !editor.config.fullPage) {
+            editor.on("beforeModeUnload", function (evt) {
+                if (editor.mode === "source" && editor.plugins.textselection && !editor.config.fullPage) {
 
                     var range = editor.getTextSelection();
 
@@ -1041,11 +1055,11 @@
                     evt.data = range.content;
                 }
             });
-            editor.on('mode', function () {
-                editor.getCommand('source').setState(editor.mode === 'source' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF);
+            editor.on("mode", function () {
+                editor.getCommand("source").setState(editor.mode === "source" ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF);
 
-                if (editor.mode === 'source') {
-                    editor.getCommand('autoCompleteToggle').setState(window["codemirror_" + editor.id].config.autoCloseTags ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF);
+                if (editor.mode === "source") {
+                    editor.getCommand("autoCompleteToggle").setState(window["codemirror_" + editor.id].config.autoCloseTags ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF);
 
                     if (editor.plugins.textselection && textRange && !editor.config.fullPage) {
 
@@ -1056,7 +1070,7 @@
 
                         start = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.startOffset);
 
-                        if (typeof (textRange.endOffset) == 'undefined') {
+                        if (typeof (textRange.endOffset) == "undefined") {
                             window["codemirror_" + editor.id].focus();
                             window["codemirror_" + editor.id].setCursor(start);
                         } else {
@@ -1068,22 +1082,22 @@
                 }
 
             });
-            editor.on('resize', function() {
-                if (window["editable_" + editor.id] && editor.mode === 'source') {
+            editor.on("resize", function() {
+                if (window["editable_" + editor.id] && editor.mode === "source") {
                     var holderElement = window["editable_" + editor.id].getParent();
-                    var holderHeight = holderElement.$.clientHeight + 'px';
-                    var holderWidth = holderElement.$.clientWidth + 'px';
+                    var holderHeight = holderElement.$.clientHeight + "px";
+                    var holderWidth = holderElement.$.clientWidth + "px";
                     window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);
                 }
             });
 
-            editor.on('readOnly', function () {
-                if (window["editable_" + editor.id] && editor.mode === 'source') {
+            editor.on("readOnly", function () {
+                if (window["editable_" + editor.id] && editor.mode === "source") {
                     window["codemirror_" + editor.id].setOption("readOnly", this.readOnly);
                 }
             });
 
-            editor.on('instanceReady', function (evt) {
+            editor.on("instanceReady", function (evt) {
 
                 //editor.container.getPrivate().events.contextmenu.listeners.splice(0, 1);
 
@@ -1092,7 +1106,7 @@
                 // Replace Complete SelectAll command from the plugin, otherwise it will not work in IE10
                 if (selectAllCommand != null) {
                     selectAllCommand.exec = function () {
-                        if (editor.mode === 'source') {
+                        if (editor.mode === "source") {
                             window["codemirror_" + editor.id].setSelection({
                                 line: 0,
                                 ch: 0
@@ -1102,8 +1116,8 @@
                             });
                         } else {
                             var editable = editor.editable();
-                            if (editable.is('body'))
-                                editor.document.$.execCommand('SelectAll', false, null);
+                            if (editable.is("body"))
+                                editor.document.$.execCommand("SelectAll", false, null);
                             else {
                                 var range = editor.createRange();
                                 range.selectNodeContents(editable);
@@ -1118,15 +1132,15 @@
                 }
             });
 
-            if (typeof (jQuery) != 'undefined' && jQuery('a[data-toggle="tab"]') && window["codemirror_" + editor.id]) {
-                jQuery('a[data-toggle="tab"]').on('shown.bs.tab', function() {
+            if (typeof (jQuery) != "undefined" && jQuery('a[data-toggle="tab"]') && window["codemirror_" + editor.id]) {
+                jQuery('a[data-toggle="tab"]').on("shown.bs.tab", function() {
                     window["codemirror_" + editor.id].refresh();
                 });
             }
 
-            editor.on('setData', function(data) {
+            editor.on("setData", function(data) {
 
-                if (window["editable_" + data.editor.id] && data.editor.mode === 'source') {
+                if (window["editable_" + data.editor.id] && data.editor.mode === "source") {
                     window["codemirror_" + data.editor.id].setValue(data.data.dataValue);
                 }
             });
@@ -1139,11 +1153,11 @@
 
                 this.setValue(data);
 
-                if (window["editable_" + this.editor.id] && this.editor.mode === 'source') {
+                if (window["editable_" + this.editor.id] && this.editor.mode === "source") {
                     window["codemirror_" + this.editor.id].setValue(data);
                 }
 
-                this.editor.fire('dataReady');
+                this.editor.fire("dataReady");
             },
             getData: function() {
                 return this.getValue();
@@ -1157,7 +1171,7 @@
             },
             // Read-only support for textarea.
             setReadOnly: function(isReadOnly) {
-                this[(isReadOnly ? 'set' : 'remove') + 'Attribute']('readOnly', 'readonly');
+                this[(isReadOnly ? "set" : "remove") + "Attribute"]("readOnly", "readonly");
             },
             editorID: null,
             detach: function() {
@@ -1185,12 +1199,12 @@ CKEDITOR.plugins.sourcearea = {
             editorFocus: false,
             readOnly: 1,
             exec: function(editor) {
-                if (editor.mode === 'wysiwyg') {
-                    editor.fire('saveSnapshot');
+                if (editor.mode === "wysiwyg") {
+                    editor.fire("saveSnapshot");
                 }
 
-                editor.getCommand('source').setState(CKEDITOR.TRISTATE_DISABLED);
-                editor.setMode(editor.mode === 'source' ? 'wysiwyg' : 'source');
+                editor.getCommand("source").setState(CKEDITOR.TRISTATE_DISABLED);
+                editor.setMode(editor.mode === "source" ? "wysiwyg" : "source");
             },
             canUndo: false
         },
@@ -1213,7 +1227,7 @@ CKEDITOR.plugins.sourcearea = {
             },
             editorFocus: false,
             readOnly: 0,
-            exec: function (editor) {
+            exec: function(editor) {
                 var range = {
                     from: window["codemirror_" + editor.id].getCursor(true),
                     to: window["codemirror_" + editor.id].getCursor(false)
@@ -1229,7 +1243,7 @@ CKEDITOR.plugins.sourcearea = {
             },
             editorFocus: false,
             readOnly: 0,
-            exec: function (editor) {
+            exec: function(editor) {
                 var range = {
                     from: window["codemirror_" + editor.id].getCursor(true),
                     to: window["codemirror_" + editor.id].getCursor(false)
@@ -1266,7 +1280,7 @@ CKEDITOR.plugins.sourcearea = {
             },
             editorFocus: false,
             readOnly: 1,
-            exec: function (editor) {
+            exec: function(editor) {
                 if (this.state == CKEDITOR.TRISTATE_ON) {
                     window["codemirror_" + editor.id].setOption("autoCloseTags", false);
                 } else if (this.state == CKEDITOR.TRISTATE_OFF) {
@@ -1308,4 +1322,4 @@ function OffSetToLineChannel(ed, n) {
 
 function IsStyleSheetAlreadyLoaded(href) {
     return CKEDITOR.document.getHead().findOne('link[href="' + href + '"]') != null;
-}
+}