--- /dev/null
+/*\r
+* The "codemirror" plugin. It's indented to enhance the\r
+* "sourcearea" editing mode, which displays the xhtml source code with\r
+* syntax highlight and line numbers.\r
+* Licensed under the MIT license\r
+* CodeMirror Plugin: http://codemirror.net/ (MIT License)\r
+*/\r
+\r
+(function() {\r
+ CKEDITOR.plugins.add('codemirror', {\r
+ icons: 'SearchCode,AutoFormat,CommentSelectedRange,UncommentSelectedRange,AutoComplete',\r
+ 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',\r
+ version: 1.10,\r
+ init: function (editor) {\r
+ var rootPath = this.path,\r
+ defaultConfig = {\r
+ autoCloseBrackets: true,\r
+ autoCloseTags: true,\r
+ autoFormatOnStart: false,\r
+ autoFormatOnUncomment: true,\r
+ continueComments: true,\r
+ enableCodeFolding: true,\r
+ enableCodeFormatting: true,\r
+ enableSearchTools: true,\r
+ highlightActiveLine: true,\r
+ highlightMatches: true,\r
+ indentWithTabs: false,\r
+ lineNumbers: true,\r
+ lineWrapping: true,\r
+ mode: 'htmlmixed',\r
+ matchBrackets: true,\r
+ matchTags: true,\r
+ showAutoCompleteButton: true,\r
+ showCommentButton: true,\r
+ showFormatButton: true,\r
+ showSearchButton: true,\r
+ showTrailingSpace: true,\r
+ showUncommentButton: true,\r
+ theme: 'default',\r
+ useBeautify: false\r
+ };\r
+ \r
+ // Get Config & Lang\r
+ var config = CKEDITOR.tools.extend(defaultConfig, editor.config.codemirror || {}, true),\r
+ lang = editor.lang.codemirror;\r
+ \r
+ // check for old config settings for legacy support\r
+ if (editor.config.codemirror_theme) {\r
+ config.theme = editor.config.codemirror_theme;\r
+ }\r
+ if (editor.config.codemirror_autoFormatOnStart) {\r
+ config.autoFormatOnStart = editor.config.codemirror_autoFormatOnStart;\r
+ }\r
+\r
+ // Source mode isn't available in inline mode yet.\r
+ if (editor.elementMode === CKEDITOR.ELEMENT_MODE_INLINE) {\r
+ \r
+ // Override Source Dialog\r
+ CKEDITOR.dialog.add('sourcedialog', function (editor) {\r
+ var size = CKEDITOR.document.getWindow().getViewPaneSize(),\r
+ width = Math.min(size.width - 70, 800),\r
+ height = size.height / 1.5,\r
+ oldData;\r
+\r
+ function loadCodeMirrorInline(editor, textarea) {\r
+ var delay;\r
+\r
+ window["codemirror_" + editor.id] = CodeMirror.fromTextArea(textarea, {\r
+ mode: config.mode,\r
+ matchBrackets: config.matchBrackets,\r
+ matchTags: config.matchTags,\r
+ workDelay: 300,\r
+ workTime: 35,\r
+ readOnly: editor.config.readOnly,\r
+ lineNumbers: config.lineNumbers,\r
+ lineWrapping: config.lineWrapping,\r
+ autoCloseTags: config.autoCloseTags,\r
+ autoCloseBrackets: config.autoCloseBrackets,\r
+ highligctionMatches: config.highlightMatches,\r
+ continueComments: config.continueComments,\r
+ indentWithTabs: config.indentWithTabs,\r
+ theme: config.theme,\r
+ showTrailingSpace: config.showTrailingSpace,\r
+ showCursorWhenSelecting: true,\r
+ viewportMargin: Infinity,\r
+ //extraKeys: {"Ctrl-Space": "autocomplete"},\r
+ extraKeys: { "Ctrl-Q": function (codeMirror_Editor) { window["foldFunc_" + editor.id](codeMirror_Editor, codeMirror_Editor.getCursor().line); } },\r
+ onKeyEvent: function (codeMirror_Editor, evt) {\r
+ if (config.enableCodeFormatting) {\r
+ var range = getSelectedRange();\r
+ if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && !evt.altKey) {\r
+ window["codemirror_" + editor.id].commentRange(true, range.from, range.to);\r
+ } else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && evt.shiftKey && !evt.altKey) {\r
+ window["codemirror_" + editor.id].commentRange(false, range.from, range.to);\r
+ if (config.autoFormatOnUncomment) {\r
+ window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);\r
+ }\r
+ } else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && evt.altKey) {\r
+ window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);\r
+ }\r
+ /*else if (evt.type === "keydown") {\r
+ CodeMirror.commands.newlineAndIndentContinueMarkdownList(window["codemirror_" + editor.id]);\r
+ }*/\r
+ }\r
+ }\r
+ });\r
+\r
+ var holderHeight = height + 'px';\r
+ var holderWidth = width + 'px';\r
+\r
+ // Store config so we can access it within commands etc.\r
+ window["codemirror_" + editor.id].config = config;\r
+ \r
+ if (config.autoFormatOnStart) {\r
+ if (config.useBeautify) {\r
+ var indent_size = 4,\r
+ indent_char = ' ',\r
+ brace_style = 'collapse'; //collapse, expand, end-expand \r
+\r
+ var source = window["codemirror_" + editor.id].getValue();\r
+\r
+ window["codemirror_" + editor.id].setValue(html_beautify(source, indent_size, indent_char, 120, brace_style));\r
+ } else {\r
+ window["codemirror_" + editor.id].autoFormatAll({\r
+ line: 0,\r
+ ch: 0\r
+ }, {\r
+ line: window["codemirror_" + editor.id].lineCount(),\r
+ ch: 0\r
+ });\r
+ }\r
+ }\r
+\r
+ function getSelectedRange() {\r
+ return {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ }\r
+\r
+ window["codemirror_" + editor.id].on("change", function () {\r
+ clearTimeout(delay);\r
+ delay = setTimeout(function () {\r
+ var cm = window["codemirror_" + editor.id];\r
+\r
+ if (cm) {\r
+ cm.save();\r
+ }\r
+ }, 300);\r
+ });\r
+\r
+ window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);\r
+\r
+ // Enable Code Folding (Requires 'lineNumbers' to be set to 'true')\r
+ if (config.lineNumbers && config.enableCodeFolding) {\r
+ window["codemirror_" + editor.id].on("gutterClick", window["foldFunc_" + editor.id]);\r
+ }\r
+ // Highlight Active Line\r
+ if (config.highlightActiveLine) {\r
+ window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(0, "background", "activeline");\r
+ window["codemirror_" + editor.id].on("cursorActivity", function () {\r
+ var cur = window["codemirror_" + editor.id].getLineHandle(window["codemirror_" + editor.id].getCursor().line);\r
+ if (cur != window["codemirror_" + editor.id].hlLine) {\r
+ window["codemirror_" + editor.id].removeLineClass(window["codemirror_" + editor.id].hlLine, "background", "activeline");\r
+ window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(cur, "background", "activeline");\r
+ }\r
+ });\r
+ }\r
+\r
+ // Run config.onLoad callback, if present.\r
+ if (typeof config.onLoad === 'function') {\r
+ config.onLoad(window["codemirror_" + editor.id], editor);\r
+ }\r
+ }\r
+\r
+ return {\r
+ title: editor.lang.sourcedialog.title,\r
+ minWidth: width,\r
+ minHeight: height,\r
+ resizable : CKEDITOR.DIALOG_RESIZE_NONE,\r
+ onShow: function () {\r
+ // Set Elements\r
+ this.getContentElement('main', 'data').focus();\r
+ this.getContentElement('main', 'AutoComplete').setValue(config.autoCloseTags, true);\r
+ \r
+ var textArea = this.getContentElement('main', 'data').getInputElement().$;\r
+ \r
+ // Load the content\r
+ this.setValueOf('main', 'data', oldData = editor.getData());\r
+\r
+ if (typeof (CodeMirror) == 'undefined') {\r
+\r
+ CKEDITOR.document.appendStyleSheet(rootPath + 'css/codemirror.min.css');\r
+\r
+ if (config.theme.length && config.theme != 'default') {\r
+ CKEDITOR.document.appendStyleSheet(rootPath + 'theme/' + config.theme + '.css');\r
+ }\r
+\r
+ CKEDITOR.scriptLoader.load(rootPath + 'js/codemirror.min.js', function () {\r
+\r
+ CKEDITOR.scriptLoader.load(getCodeMirrorScripts(), function () {\r
+ loadCodeMirrorInline(editor, textArea);\r
+ });\r
+ });\r
+\r
+\r
+ } else {\r
+ loadCodeMirrorInline(editor, textArea);\r
+ }\r
+\r
+\r
+ },\r
+ onCancel: function (event) {\r
+ if (event.data.hide) {\r
+ window["codemirror_" + editor.id].toTextArea();\r
+\r
+ // Free Memory\r
+ window["codemirror_" + editor.id] = null;\r
+ }\r
+ },\r
+ onOk: (function () {\r
+\r
+ function setData(newData) {\r
+ var that = this;\r
+\r
+ editor.setData(newData, function () {\r
+ that.hide();\r
+\r
+ // Ensure correct selection.\r
+ var range = editor.createRange();\r
+ range.moveToElementEditStart(editor.editable());\r
+ range.select();\r
+ });\r
+ }\r
+\r
+ return function () {\r
+ window["codemirror_" + editor.id].toTextArea();\r
+\r
+ // Free Memory\r
+ window["codemirror_" + editor.id] = null;\r
+\r
+ // Remove CR from input data for reliable comparison with editor data.\r
+ var newData = this.getValueOf('main', 'data').replace(/\r/g, '');\r
+\r
+ // Avoid unnecessary setData. Also preserve selection\r
+ // when user changed his mind and goes back to wysiwyg editing.\r
+ if (newData === oldData)\r
+ return true;\r
+\r
+ // Set data asynchronously to avoid errors in IE.\r
+ CKEDITOR.env.ie ? CKEDITOR.tools.setTimeout(setData, 0, this, newData) : setData.call(this, newData);\r
+\r
+ // Don't let the dialog close before setData is over.\r
+ return false;\r
+ };\r
+ })(),\r
+\r
+ contents: [{\r
+ id: 'main',\r
+ label: editor.lang.sourcedialog.title,\r
+ elements: [\r
+ {\r
+ type: 'hbox',\r
+ style: 'width: 80px;margin:0;',\r
+ widths: ['20px', '20px', '20px', '20px'],\r
+ children: [\r
+ {\r
+ type: 'button',\r
+ id: 'searchCode',\r
+ label: '',\r
+ title: lang.searchCode,\r
+ 'class': 'searchCodeButton',\r
+ onClick: function() {\r
+ CodeMirror.commands.find(window["codemirror_" + editor.id]);\r
+ }\r
+ }, {\r
+ type: 'button',\r
+ id: 'autoFormat',\r
+ label: '',\r
+ title: lang.autoFormat,\r
+ 'class': 'autoFormat',\r
+ onClick: function() {\r
+ var range = {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);\r
+ }\r
+ }, {\r
+ type: 'button',\r
+ id: 'CommentSelectedRange',\r
+ label: '',\r
+ title: lang.commentSelectedRange,\r
+ 'class': 'CommentSelectedRange',\r
+ onClick: function () {\r
+ var range = {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editor.id].commentRange(true, range.from, range.to);\r
+ }\r
+ }, {\r
+ type: 'button',\r
+ id: 'UncommentSelectedRange',\r
+ label: '',\r
+ title: lang.uncommentSelectedRange,\r
+ 'class': 'UncommentSelectedRange',\r
+ onClick: function () {\r
+ var range = {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editor.id].commentRange(false, range.from, range.to);\r
+ if (window["codemirror_" + editor.id].config.autoFormatOnUncomment) {\r
+ window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);\r
+ }\r
+ }\r
+ }]\r
+ }, {\r
+ type: 'checkbox',\r
+ id: 'AutoComplete',\r
+ label: lang.autoCompleteToggle,\r
+ title: lang.autoCompleteToggle,\r
+ onChange: function () {\r
+ window["codemirror_" + editor.id].setOption("autoCloseTags", this.getValue());\r
+ }\r
+ }, {\r
+ type: 'textarea',\r
+ id: 'data',\r
+ dir: 'ltr',\r
+ inputStyle: 'cursor:auto;' +\r
+ 'width:' + width + 'px;' +\r
+ 'height:' + height + 'px;' +\r
+ 'tab-size:4;' +\r
+ 'text-align:left;',\r
+ 'class': 'cke_source cke_enable_context_menu'\r
+ }\r
+ ]\r
+ }]\r
+ };\r
+ });\r
+\r
+ return;\r
+ }\r
+ \r
+ var sourcearea = CKEDITOR.plugins.sourcearea;\r
+ \r
+ // check if sourcearea plugin is overrriden\r
+ if (!sourcearea.commands.searchCode) {\r
+\r
+ CKEDITOR.plugins.sourcearea.commands = {\r
+ source: {\r
+ modes: {\r
+ wysiwyg: 1,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function(editorInstance) {\r
+ if (editorInstance.mode === 'wysiwyg') {\r
+ editorInstance.fire('saveSnapshot');\r
+ }\r
+ editorInstance.getCommand('source').setState(CKEDITOR.TRISTATE_DISABLED);\r
+ editorInstance.setMode(editorInstance.mode === 'source' ? 'wysiwyg' : 'source');\r
+ },\r
+ canUndo: false\r
+ },\r
+ searchCode: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function (editorInstance) {\r
+ CodeMirror.commands.find(window["codemirror_" + editorInstance.id]);\r
+ },\r
+ canUndo: true\r
+ },\r
+ autoFormat: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function (editorInstance) {\r
+ var range = {\r
+ from: window["codemirror_" + editorInstance.id].getCursor(true),\r
+ to: window["codemirror_" + editorInstance.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editorInstance.id].autoFormatRange(range.from, range.to);\r
+ },\r
+ canUndo: true\r
+ },\r
+ commentSelectedRange: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function (editorInstance) {\r
+ var range = {\r
+ from: window["codemirror_" + editorInstance.id].getCursor(true),\r
+ to: window["codemirror_" + editorInstance.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editorInstance.id].commentRange(true, range.from, range.to);\r
+ },\r
+ canUndo: true\r
+ },\r
+ uncommentSelectedRange: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function (editorInstance) {\r
+ var range = {\r
+ from: window["codemirror_" + editorInstance.id].getCursor(true),\r
+ to: window["codemirror_" + editorInstance.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editorInstance.id].commentRange(false, range.from, range.to);\r
+ if (window["codemirror_" + editorInstance.id].config.autoFormatOnUncomment) {\r
+ window["codemirror_" + editorInstance.id].autoFormatRange(\r
+ range.from,\r
+ range.to);\r
+ }\r
+ },\r
+ canUndo: true\r
+ },\r
+ autoCompleteToggle: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function (editorInstance) {\r
+ if (this.state == CKEDITOR.TRISTATE_ON) {\r
+ window["codemirror_" + editorInstance.id].setOption("autoCloseTags", false);\r
+ } else if (this.state == CKEDITOR.TRISTATE_OFF) {\r
+ window["codemirror_" + editorInstance.id].setOption("autoCloseTags", true);\r
+ }\r
+\r
+ this.toggleState();\r
+ },\r
+ canUndo: true\r
+ }\r
+ };\r
+ }\r
+\r
+ \r
+\r
+ \r
+ editor.addMode('source', function(callback) {\r
+ if (typeof (CodeMirror) == 'undefined') {\r
+ \r
+ CKEDITOR.document.appendStyleSheet(rootPath + 'css/codemirror.min.css');\r
+ \r
+ if (config.theme.length && config.theme != 'default') {\r
+ CKEDITOR.document.appendStyleSheet(rootPath + 'theme/' + config.theme + '.css');\r
+ }\r
+\r
+ CKEDITOR.scriptLoader.load(rootPath + 'js/codemirror.min.js', function() {\r
+\r
+ CKEDITOR.scriptLoader.load(getCodeMirrorScripts(), function() {\r
+ loadCodeMirror(editor);\r
+ callback();\r
+ });\r
+ });\r
+ \r
+ \r
+ } else {\r
+ loadCodeMirror(editor);\r
+ callback();\r
+ }\r
+ });\r
+\r
+ function getCodeMirrorScripts() {\r
+ var scriptFiles = [rootPath + 'js/codemirror.addons.min.js'];\r
+\r
+ switch (config.mode) {\r
+ case "htmlmixed":\r
+ {\r
+ scriptFiles.push(rootPath + 'js/codemirror.mode.htmlmixed.min.js');\r
+ }\r
+\r
+ break;\r
+ case "text/html":\r
+ {\r
+ scriptFiles.push(rootPath + 'js/codemirror.mode.htmlmixed.min.js');\r
+ }\r
+\r
+ break;\r
+ case "application/x-httpd-php":\r
+ {\r
+ scriptFiles.push(rootPath + 'js/codemirror.mode.php.min.js');\r
+ }\r
+\r
+ break;\r
+ case "text/javascript":\r
+ {\r
+ scriptFiles.push(rootPath + 'js/codemirror.mode.javascript.min.js');\r
+ }\r
+\r
+ break;\r
+ default:\r
+ scriptFiles.push(rootPath + 'js/codemirror.mode.htmlmixed.min.js');\r
+ }\r
+\r
+ if (config.useBeautify) {\r
+ scriptFiles.push(rootPath + 'js/beautify.min.js');\r
+ }\r
+\r
+ if (config.enableSearchTools) {\r
+ scriptFiles.push(rootPath + 'js/codemirror.addons.search.min.js');\r
+ }\r
+ return scriptFiles;\r
+ }\r
+\r
+ function loadCodeMirror(editor) {\r
+ var contentsSpace = editor.ui.space('contents'),\r
+ textarea = contentsSpace.getDocument().createElement('textarea');\r
+\r
+ textarea.setStyles(\r
+ CKEDITOR.tools.extend({\r
+ // IE7 has overflow the <textarea> from wrapping table cell.\r
+ width: CKEDITOR.env.ie7Compat ? '99%' : '100%',\r
+ height: '100%',\r
+ resize: 'none',\r
+ outline: 'none',\r
+ 'text-align': 'left'\r
+ },\r
+ CKEDITOR.tools.cssVendorPrefix('tab-size', editor.config.sourceAreaTabSize || 4)));\r
+ var ariaLabel = [editor.lang.editor, editor.name].join(',');\r
+ textarea.setAttributes({\r
+ dir: 'ltr',\r
+ tabIndex: CKEDITOR.env.webkit ? -1 : editor.tabIndex,\r
+ 'role': 'textbox',\r
+ 'aria-label': ariaLabel\r
+ });\r
+ textarea.addClass('cke_source cke_reset cke_enable_context_menu');\r
+ editor.ui.space('contents').append(textarea);\r
+ window["editable_" + editor.id] = editor.editable(new sourceEditable(editor, textarea));\r
+ // Fill the textarea with the current editor data.\r
+ window["editable_" + editor.id].setData(editor.getData(1));\r
+ window["editable_" + editor.id].editorID = editor.id;\r
+ editor.fire('ariaWidget', this);\r
+ var delay;\r
+ var sourceAreaElement = window["editable_" + editor.id],\r
+ holderElement = sourceAreaElement.getParent();\r
+\r
+ //codemirror = editor.id;\r
+\r
+ /*CodeMirror.commands.autocomplete = function(cm) {\r
+ CodeMirror.showHint(cm, CodeMirror.htmlHint);\r
+ };*/\r
+ \r
+ // Enable Code Folding (Requires 'lineNumbers' to be set to 'true')\r
+ if (config.lineNumbers && config.enableCodeFolding) {\r
+ window["foldFunc_" + editor.id] = CodeMirror.newFoldFunction(CodeMirror.tagRangeFinder);\r
+ }\r
+\r
+ window["codemirror_" + editor.id] = CodeMirror.fromTextArea(sourceAreaElement.$, {\r
+ mode: config.mode,\r
+ matchBrackets: config.matchBrackets,\r
+ matchTags: config.matchTags,\r
+ workDelay: 300,\r
+ workTime: 35,\r
+ readOnly: editor.config.readOnly,\r
+ lineNumbers: config.lineNumbers,\r
+ lineWrapping: config.lineWrapping,\r
+ autoCloseTags: config.autoCloseTags,\r
+ autoCloseBrackets: config.autoCloseBrackets,\r
+ highlightSelectionMatches: config.highlightMatches,\r
+ continueComments: config.continueComments,\r
+ indentWithTabs: config.indentWithTabs,\r
+ theme: config.theme,\r
+ showTrailingSpace: config.showTrailingSpace,\r
+ showCursorWhenSelecting: true,\r
+ //extraKeys: {"Ctrl-Space": "autocomplete"},\r
+ extraKeys: { "Ctrl-Q": function(codeMirror_Editor) { window["foldFunc_" + editor.id](codeMirror_Editor, codeMirror_Editor.getCursor().line); } },\r
+ onKeyEvent: function(codeMirror_Editor, evt) {\r
+ if (config.enableCodeFormatting) {\r
+ var range = getSelectedRange();\r
+ if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && !evt.altKey) {\r
+ window["codemirror_" + editor.id].commentRange(true, range.from, range.to);\r
+ } else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && evt.shiftKey && !evt.altKey) {\r
+ window["codemirror_" + editor.id].commentRange(false, range.from, range.to);\r
+ if (config.autoFormatOnUncomment) {\r
+ window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);\r
+ }\r
+ } else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && evt.altKey) {\r
+ window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);\r
+ }/* else if (evt.type === "keydown") {\r
+ CodeMirror.commands.newlineAndIndentContinueMarkdownList(window["codemirror_" + editor.id]);\r
+ }*/\r
+ }\r
+ }\r
+ });\r
+\r
+ var holderHeight = holderElement.$.clientHeight + 'px';\r
+ var holderWidth = holderElement.$.clientWidth + 'px';\r
+\r
+ // Store config so we can access it within commands etc.\r
+ window["codemirror_" + editor.id].config = config;\r
+ if (config.autoFormatOnStart) {\r
+ if (config.useBeautify) {\r
+ var indent_size = 4;\r
+ var indent_char = ' ';\r
+ var brace_style = 'collapse'; //collapse, expand, end-expand \r
+\r
+ var source = window["codemirror_" + editor.id].getValue();\r
+\r
+ window["codemirror_" + editor.id].setValue(html_beautify(source, indent_size, indent_char, 120, brace_style));\r
+ } else {\r
+ window["codemirror_" + editor.id].autoFormatAll({\r
+ line: 0,\r
+ ch: 0\r
+ }, {\r
+ line: window["codemirror_" + editor.id].lineCount(),\r
+ ch: 0\r
+ });\r
+ }\r
+ }\r
+\r
+ function getSelectedRange() {\r
+ return {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ }\r
+\r
+ window["codemirror_" + editor.id].on("change", function () {\r
+ clearTimeout(delay);\r
+ delay = setTimeout(function () {\r
+ var cm = window["codemirror_" + editor.id];\r
+ \r
+ if (cm) {\r
+ cm.save();\r
+ }\r
+ }, 300);\r
+ });\r
+ window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);\r
+ \r
+ // Enable Code Folding (Requires 'lineNumbers' to be set to 'true')\r
+ if (config.lineNumbers && config.enableCodeFolding) {\r
+ window["codemirror_" + editor.id].on("gutterClick", window["foldFunc_" + editor.id]);\r
+ }\r
+ // Highlight Active Line\r
+ if (config.highlightActiveLine) {\r
+ window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(0, "background", "activeline");\r
+ window["codemirror_" + editor.id].on("cursorActivity", function () {\r
+ try {\r
+ var cur = window["codemirror_" + editor.id].getLineHandle(window["codemirror_" + editor.id].getCursor().line);\r
+ } catch(e) {\r
+ cur = null;\r
+ } finally {\r
+ if (cur != null) {\r
+ if (cur != window["codemirror_" + editor.id].hlLine) {\r
+ window["codemirror_" + editor.id].removeLineClass(window["codemirror_" + editor.id].hlLine, "background", "activeline");\r
+ window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(cur, "background", "activeline");\r
+ }\r
+ }\r
+ }\r
+ });\r
+ }\r
+\r
+ // Run config.onLoad callback, if present.\r
+ if (typeof config.onLoad === 'function') {\r
+ config.onLoad(window["codemirror_" + editor.id], editor);\r
+ }\r
+ }\r
+\r
+ editor.addCommand('source', sourcearea.commands.source);\r
+ if (editor.ui.addButton) {\r
+ editor.ui.addButton('Source', {\r
+ label: editor.lang.codemirror.toolbar,\r
+ command: 'source',\r
+ toolbar: 'mode,10'\r
+ });\r
+ }\r
+ if (config.enableCodeFormatting) {\r
+ editor.addCommand('searchCode', sourcearea.commands.searchCode);\r
+ editor.addCommand('autoFormat', sourcearea.commands.autoFormat);\r
+ editor.addCommand('commentSelectedRange', sourcearea.commands.commentSelectedRange);\r
+ editor.addCommand('uncommentSelectedRange', sourcearea.commands.uncommentSelectedRange);\r
+ editor.addCommand('autoCompleteToggle', sourcearea.commands.autoCompleteToggle);\r
+\r
+ if (editor.ui.addButton) {\r
+ if (config.showFormatButton || config.showCommentButton || config.showUncommentButton || config.showSearchButton) {\r
+ editor.ui.add('-', CKEDITOR.UI_SEPARATOR, { toolbar: 'mode,30' });\r
+ }\r
+ if (config.showSearchButton && config.enableSearchTools) {\r
+ editor.ui.addButton('searchCode', {\r
+ label: lang.searchCode,\r
+ command: 'searchCode',\r
+ toolbar: 'mode,40'\r
+ });\r
+ }\r
+ if (config.showFormatButton) {\r
+ editor.ui.addButton('autoFormat', {\r
+ label: lang.autoFormat,\r
+ command: 'autoFormat',\r
+ toolbar: 'mode,50'\r
+ });\r
+ }\r
+ if (config.showCommentButton) {\r
+ editor.ui.addButton('CommentSelectedRange', {\r
+ label: lang.commentSelectedRange,\r
+ command: 'commentSelectedRange',\r
+ toolbar: 'mode,60'\r
+ });\r
+ }\r
+ if (config.showUncommentButton) {\r
+ editor.ui.addButton('UncommentSelectedRange', {\r
+ label: lang.uncommentSelectedRange,\r
+ command: 'uncommentSelectedRange',\r
+ toolbar: 'mode,70'\r
+ });\r
+ }\r
+ if (config.showAutoCompleteButton) {\r
+ editor.ui.addButton('AutoComplete', {\r
+ label: lang.autoCompleteToggle,\r
+ command: 'autoCompleteToggle',\r
+ toolbar: 'mode,80'\r
+ });\r
+ }\r
+ }\r
+ }\r
+ \r
+ editor.on('beforeModeUnload', function (evt) {\r
+ if (editor.mode === 'source' && editor.plugins.textselection) {\r
+ var range = editor.getTextSelection();\r
+\r
+ range.startOffset = LineChanngelToOffSet(window["codemirror_" + editor.id], window["codemirror_" + editor.id].getCursor(true));\r
+ range.endOffset = LineChanngelToOffSet(window["codemirror_" + editor.id], window["codemirror_" + editor.id].getCursor(false));\r
+\r
+ // Fly the range when create bookmark. \r
+ delete range.element;\r
+ range.createBookmark();\r
+ sourceBookmark = true;\r
+ evt.data = range.content;\r
+ }\r
+ });\r
+ editor.on('mode', function () {\r
+ editor.getCommand('source').setState(editor.mode === 'source' ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF);\r
+\r
+ if (editor.mode === 'source') {\r
+ editor.getCommand('autoCompleteToggle').setState(window["codemirror_" + editor.id].config.autoCloseTags ? CKEDITOR.TRISTATE_ON : CKEDITOR.TRISTATE_OFF);\r
+ \r
+\r
+ if (editor.plugins.textselection && textRange) {\r
+ textRange.element = new CKEDITOR.dom.element(editor._.editable.$);\r
+ textRange.select();\r
+\r
+ var start, end;\r
+\r
+ start = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.startOffset);\r
+\r
+ if (typeof (textRange.endOffset) == 'undefined') {\r
+ window["codemirror_" + editor.id].setCursor(start);\r
+ } else {\r
+ end = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.endOffset);\r
+ window["codemirror_" + editor.id].setSelection(start, end);\r
+ }\r
+ }\r
+ }\r
+\r
+ });\r
+ editor.on('resize', function() {\r
+ if (window["editable_" + editor.id] && editor.mode === 'source') {\r
+ var holderElement = window["editable_" + editor.id].getParent();\r
+ var holderHeight = holderElement.$.clientHeight + 'px';\r
+ var holderWidth = holderElement.$.clientWidth + 'px';\r
+ window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);\r
+ }\r
+ });\r
+ \r
+ editor.on('readOnly', function () {\r
+ if (window["editable_" + editor.id] && editor.mode === 'source') {\r
+ window["codemirror_" + editor.id].setOption("readOnly", this.readOnly);\r
+ }\r
+ });\r
+ \r
+ editor.on('instanceReady', function () {\r
+ var selectAllCommand = editor.commands.selectAll;\r
+\r
+ // Replace Complete SelectAll command from the plugin, otherwise it will not work in IE10\r
+ if (selectAllCommand != null) {\r
+ selectAllCommand.exec = function () {\r
+ if (editor.mode === 'source') {\r
+ window["codemirror_" + editor.id].setSelection({\r
+ line: 0,\r
+ ch: 0\r
+ }, {\r
+ line: window["codemirror_" + editor.id].lineCount(),\r
+ ch: 0\r
+ });\r
+ } else {\r
+ var editable = editor.editable();\r
+ if (editable.is('body'))\r
+ editor.document.$.execCommand('SelectAll', false, null);\r
+ else {\r
+ var range = editor.createRange();\r
+ range.selectNodeContents(editable);\r
+ range.select();\r
+ }\r
+\r
+ // Force triggering selectionChange (#7008)\r
+ editor.forceNextSelectionCheck();\r
+ editor.selectionChange();\r
+ }\r
+ };\r
+ }\r
+ });\r
+\r
+ editor.on('setData', function (data) {\r
+ if (window["editable_" + editor.id] && editor.mode === 'source') {\r
+ window["codemirror_" + editor.id].setValue(data.data.dataValue);\r
+ }\r
+ });\r
+ }\r
+ });\r
+ var sourceEditable = CKEDITOR.tools.createClass({\r
+ base: CKEDITOR.editable,\r
+ proto: {\r
+ setData: function(data) {\r
+ this.setValue(data);\r
+\r
+ if (this.codeMirror != null) {\r
+ this.codeMirror.setValue(data);\r
+ }\r
+\r
+ this.editor.fire('dataReady');\r
+ },\r
+ getData: function() {\r
+ return this.getValue();\r
+ },\r
+ // Insertions are not supported in source editable.\r
+ insertHtml: function() {\r
+ },\r
+ insertElement: function() {\r
+ },\r
+ insertText: function() {\r
+ },\r
+ // Read-only support for textarea.\r
+ setReadOnly: function(isReadOnly) {\r
+ this[(isReadOnly ? 'set' : 'remove') + 'Attribute']('readOnly', 'readonly');\r
+ },\r
+ editorID: null,\r
+ detach: function() {\r
+ window["codemirror_" + this.editorID].toTextArea();\r
+ \r
+ // Free Memory on destroy\r
+ window["editable_" + this.editorID] = null;\r
+ window["codemirror_" + this.editorID] = null;\r
+\r
+ sourceEditable.baseProto.detach.call(this);\r
+ \r
+ this.clearCustomData();\r
+ this.remove();\r
+ }\r
+ }\r
+ });\r
+})();\r
+CKEDITOR.plugins.sourcearea = {\r
+ commands: {\r
+ source: {\r
+ modes: {\r
+ wysiwyg: 1,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function(editor) {\r
+ if (editor.mode === 'wysiwyg') {\r
+ editor.fire('saveSnapshot');\r
+ }\r
+\r
+ editor.getCommand('source').setState(CKEDITOR.TRISTATE_DISABLED);\r
+ editor.setMode(editor.mode === 'source' ? 'wysiwyg' : 'source');\r
+ },\r
+ canUndo: false\r
+ },\r
+ searchCode: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function(editor) {\r
+ CodeMirror.commands.find(window["codemirror_" + editor.id]);\r
+ },\r
+ canUndo: true\r
+ },\r
+ autoFormat: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function(editor) {\r
+ var range = {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);\r
+ },\r
+ canUndo: true\r
+ },\r
+ commentSelectedRange: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function(editor) {\r
+ var range = {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editor.id].commentRange(true, range.from, range.to);\r
+ },\r
+ canUndo: true\r
+ },\r
+ uncommentSelectedRange: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function(editor) {\r
+ var range = {\r
+ from: window["codemirror_" + editor.id].getCursor(true),\r
+ to: window["codemirror_" + editor.id].getCursor(false)\r
+ };\r
+ window["codemirror_" + editor.id].commentRange(false, range.from, range.to);\r
+ if (window["codemirror_" + editor.id].config.autoFormatOnUncomment) {\r
+ window["codemirror_" + editor.id].autoFormatRange(\r
+ range.from,\r
+ range.to);\r
+ }\r
+ },\r
+ canUndo: true\r
+ },\r
+ autoCompleteToggle: {\r
+ modes: {\r
+ wysiwyg: 0,\r
+ source: 1\r
+ },\r
+ editorFocus: false,\r
+ readOnly: 1,\r
+ exec: function (editor) {\r
+ if (this.state == CKEDITOR.TRISTATE_ON) {\r
+ window["codemirror_" + editor.id].setOption("autoCloseTags", false);\r
+ } else if (this.state == CKEDITOR.TRISTATE_OFF) {\r
+ window["codemirror_" + editor.id].setOption("autoCloseTags", true);\r
+ }\r
+\r
+ this.toggleState();\r
+ },\r
+ canUndo: true\r
+ }\r
+ }\r
+};\r
+\r
+function LineChanngelToOffSet(ed, linech) {\r
+ var line = linech.line;\r
+ var ch = linech.ch;\r
+ var n = line + ch; //for the \n s & chars in the line\r
+ for (i = 0; i < line; i++) {\r
+ n += (ed.getLine(i)).length;//for the chars in all preceeding lines\r
+ }\r
+ return n;\r
+}\r
+\r
+function OffSetToLineChannel(ed, n) {\r
+ var line = 0, ch = 0, index = 0;\r
+ for (i = 0; i < ed.lineCount() ; i++) {\r
+ len = (ed.getLine(i)).length;\r
+ if (n < index + len) {\r
+ //alert(len+","+index+","+(n-index));\r
+ line = i;\r
+ ch = n - index;\r
+ return { line: line, ch: ch };\r
+ }\r
+ len++;//for \n char\r
+ index += len;\r
+ }\r
+ return { line: line, ch: ch };\r
+}
\ No newline at end of file
projects / ckeditor.git / blobdiff