ui/public/ckeditor/plugins/codemirror/plugin.js
/*
* The "codemirror" plugin. It's indented to enhance the
* "sourcearea" editing mode, which displays the xhtml source code with
* syntax highlight and line numbers.
* Licensed under the MIT license
* CodeMirror Plugin: http://codemirror.net/ (MIT License)
*/
(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.10",
init: function (editor) {
var rootPath = this.path,
defaultConfig = {
autoCloseBrackets: true,
autoCloseTags: true,
autoFormatOnStart: false,
autoFormatOnUncomment: false,
autoLoadCodeMirror: true,
continueComments: true,
enableCodeFolding: true,
enableCodeFormatting: true,
enableSearchTools: true,
highlightMatches: true,
indentWithTabs: false,
lineNumbers: true,
lineWrapping: true,
mode: "htmlmixed",
matchBrackets: true,
maxHighlightLineLength: 1000,
matchTags: true,
showAutoCompleteButton: true,
showCommentButton: true,
showFormatButton: true,
showSearchButton: true,
showTrailingSpace: true,
showUncommentButton: true,
styleActiveLine: true,
theme: "default",
useBeautifyOnStart: false
};
// Get Config & Lang
var config = CKEDITOR.tools.extend(defaultConfig, editor.config.codemirror || {}, true),
lang = editor.lang.codemirror;
// check for old config settings for legacy support
if (editor.config.codemirror_theme) {
config.theme = editor.config.codemirror_theme;
}
if (editor.config.codemirror_autoFormatOnStart) {
config.autoFormatOnStart = editor.config.codemirror_autoFormatOnStart;
}
// automatically switch to bbcode mode if bbcode plugin is enabled
if (editor.plugins.bbcode && config.mode.indexOf("bbcode") <= 0) {
config.mode = "bbcode";
}
var requirePresent = "function" === typeof require && "function" === typeof require.config;
var pluginRequire;
if (requirePresent){
var requireContext = config.requireContext || "_";
var location = CKEDITOR.getUrl("plugins/codemirror/js");
pluginRequire = require.config({
context: requireContext,
packages: [{
name: "codemirror",
location: location,
main: "codemirror.min.js"
}, {
name: "codemirror-mode-handlebars",
location: location,
main: "codemirror.mode.handlebars.min.js"
}, {
name: "codemirror-mode-twig",
location: location,
main: "codemirror.mode.twig.min.js"
}, {
name: "codemirror-mode-html",
location: location,
main: "codemirror.mode.htmlmixed.min.js"
}, {
name: "codemirror-mode-php",
location: location,
main: "codemirror.mode.php.min.js"
}, {
name: "codemirror-mode-js",
location: location,
main: "codemirror.mode.js.min.js"
}, {
name: "codemirror-addons",
location: location,
main: "codemirror.addons.min.js"
}, {
name: "codemirror-addon-search",
location: location,
main: "codemirror.addons.search.min.js"
}, {
name: "codemirror-beautify",
location: location,
main: "beautify.min.js"
}],
bundles: {
'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"
}
}
});
}
// Source mode isn't available in inline mode yet.
if (editor.elementMode === CKEDITOR.ELEMENT_MODE_INLINE || editor.plugins.sourcedialog) {
// Override Source Dialog
CKEDITOR.dialog.add("sourcedialog", function (editor) {
var sizeDialog = CKEDITOR.document.getWindow().getViewPaneSize(),
minWidth = Math.min(sizeDialog.width - 70, 800),
minHeight = sizeDialog.height / 1.5,
oldData;
function loadCodeMirrorInline(editor, textarea, dialog) {
var size = dialog.getSize(),
width = size.width,
height = size.height / 1.5;
window["codemirror_" + editor.id] = CodeMirror.fromTextArea(textarea, {
mode: config.mode === "handlebars" ? { name: "handlebars", base: "text/html" } : config.mode,
matchBrackets: config.matchBrackets,
maxHighlightLineLength: config.maxHighlightLineLength,
matchTags: config.matchTags,
workDelay: 300,
workTime: 35,
readOnly: editor.readOnly,
lineNumbers: config.lineNumbers,
lineWrapping: config.lineWrapping,
autoCloseTags: config.autoCloseTags,
autoCloseBrackets: config.autoCloseBrackets,
highlightSelectionMatches: config.highlightMatches,
continueComments: config.continueComments,
indentWithTabs: config.indentWithTabs,
theme: config.theme,
showTrailingSpace: config.showTrailingSpace,
showCursorWhenSelecting: true,
styleActiveLine: config.styleActiveLine,
viewportMargin: Infinity,
//extraKeys: {"Ctrl-Space": "autocomplete"},
extraKeys: {
"Ctrl-Q": function (codeMirror_Editor) {
if (config.enableCodeFolding) {
window["foldFunc_" + editor.id](codeMirror_Editor, codeMirror_Editor.getCursor().line);
}
}
},
foldGutter: true,
gutters: ["CodeMirror-linenumbbers", "CodeMirror-foldgutter"]
});
var holderHeight = height + "px";
var holderWidth = width + "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,
indent_char = " ",
brace_style = "collapse"; //collapse, expand, end-expand
var source = window["codemirror_" + editor.id].getValue();
window["codemirror_" + editor.id].setValue(html_beautify(source, indent_size, indent_char, 120, brace_style));
} else {
window["codemirror_" + editor.id].autoFormatAll({
line: 0,
ch: 0
}, {
line: window["codemirror_" + editor.id].lineCount(),
ch: 0
});
}
}
function getSelectedRange() {
return {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
}
window["codemirror_" + editor.id].on("change", function () {
window["codemirror_" + editor.id].save();
editor.fire("change", this);
});
window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);
// Enable Code Folding (Requires 'lineNumbers' to be set to 'true')
if (config.lineNumbers && config.enableCodeFolding) {
window["codemirror_" + editor.id].on("gutterClick", window["foldFunc_" + editor.id]);
}
// Run config.onLoad callback, if present.
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);
});
window["codemirror_" + editor.id].on("keypress", function (codeMirror_Editor, evt) {
if (config.enableCodeFormatting) {
var range = getSelectedRange();
if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && !evt.altKey) {
window["codemirror_" + editor.id].commentRange(true, range.from, range.to);
} else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && evt.shiftKey && !evt.altKey) {
window["codemirror_" + editor.id].commentRange(false, range.from, range.to);
if (config.autoFormatOnUncomment) {
window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
}
} else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && evt.altKey) {
window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
}/* else if (evt.type === "keydown") {
CodeMirror.commands.newlineAndIndentContinueMarkdownList(window["codemirror_" + editor.id]);
}*/
}
});
if (editor.plugins.textselection && textRange && !editor.config.fullPage) {
var start, end;
start = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.startOffset);
if (typeof (textRange.endOffset) == "undefined") {
window["codemirror_" + editor.id].focus();
window["codemirror_" + editor.id].setCursor(start);
} else {
window["codemirror_" + editor.id].focus();
end = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.endOffset);
window["codemirror_" + editor.id].setSelection(start, end);
}
}
}
return {
title: editor.lang.sourcedialog.title,
minWidth: minWidth,
minHeight: minHeight,
resizable: CKEDITOR.DIALOG_RESIZE_BOTH,
onLoad: function() {
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";
window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);
},
this);
},
onShow: function (event) {
// Set Elements
this.getContentElement("main", "data").focus();
this.getContentElement("main", "AutoComplete").setValue(config.autoCloseTags, true);
var textArea = this.getContentElement("main", "data").getInputElement().$;
// Load the content
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 (config.theme.length &&
config.theme != "default" &&
!IsStyleSheetAlreadyLoaded(rootPath + "theme/" + config.theme + ".css")) {
CKEDITOR.document.appendStyleSheet(rootPath + "theme/" + config.theme + ".css");
}
if(requirePresent) {
pluginRequire(getCodeMirrorDependencies(),function (codemirror, addons){
loadCodeMirrorInline(editor, textArea, event.sender);
});
} else {
if (typeof (CodeMirror) == "undefined") {
CKEDITOR.scriptLoader.load(rootPath + "js/codemirror.min.js",
function() {
CKEDITOR.scriptLoader.load(getCodeMirrorScripts(),
function() {
loadCodeMirrorInline(editor, textArea, event.sender);
});
});
} else {
if (CodeMirror.prototype["autoFormatAll"]) {
loadCodeMirrorInline(editor, textArea, event.sender);
} else {
// loading the add-on scripts.
CKEDITOR.scriptLoader.load(getCodeMirrorScripts(),
function() {
loadCodeMirrorInline(editor, textArea, event.sender);
});
}
}
}
}
},
onCancel: function (event) {
if (event.data.hide) {
window["codemirror_" + editor.id].toTextArea();
// Free Memory
window["codemirror_" + editor.id] = null;
editor.fire("blur", this);
editor.fire("focus", this);
}
},
onOk: (function () {
function setData(newData) {
var that = this;
editor.setData(newData, function () {
that.hide();
// Ensure correct selection.
var range = editor.createRange();
range.moveToElementEditStart(editor.editable());
range.select();
});
}
return function () {
window["codemirror_" + editor.id].toTextArea();
// Free Memory
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, "");
// 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);
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);
// Don't let the dialog close before setData is over.
return false;
};
})(),
contents: [{
id: "main",
label: editor.lang.sourcedialog.title,
elements: [
{
type: "hbox",
style: "width: 80px;margin:0;",
widths: ["20px", "20px", "20px", "20px"],
children: [
{
type: "button",
id: "searchCode",
label: "",
title: lang.searchCode,
'class': "searchCodeButton",
onClick: function() {
CodeMirror.commands.find(window["codemirror_" + editor.id]);
}
}, {
type: "button",
id: "autoFormat",
label: "",
title: lang.autoFormat,
'class': "autoFormat",
onClick: function() {
var range = {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
}
}, {
type: "button",
id: "CommentSelectedRange",
label: "",
title: lang.commentSelectedRange,
'class': "CommentSelectedRange",
onClick: function () {
var range = {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
window["codemirror_" + editor.id].commentRange(true, range.from, range.to);
}
}, {
type: "button",
id: "UncommentSelectedRange",
label: "",
title: lang.uncommentSelectedRange,
'class': "UncommentSelectedRange",
onClick: function () {
var range = {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
window["codemirror_" + editor.id].commentRange(false, range.from, range.to);
if (window["codemirror_" + editor.id].config.autoFormatOnUncomment) {
window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
}
}
}]
}, {
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"
}
]
}]
};
});
// return;
}
/*
// Override Copy Button
if (editor.commands.copy) {
editor.commands.copy.modes = {
wysiwyg: 1,
source: 1
};
// TODO
}
// Override Paste Button
if (editor.commands.paste) {
editor.commands.paste.modes = {
wysiwyg: 1,
source: 1
};
// TODO
}
// Override Cut Button
if (editor.commands.cut) {
editor.commands.cut.modes = {
wysiwyg: 1,
source: 1
};
// TODO
}*/
// Override Find Button
if (editor.commands.find) {
editor.commands.find.modes = {
wysiwyg: 1,
source: 1
};
editor.commands.find.exec = function() {
if (editor.mode === "wysiwyg") {
editor.openDialog("find");
} else {
CodeMirror.commands.find(window["codemirror_" + editor.id]);
}
};
}
// Override Replace Button
if (editor.commands.replace) {
editor.commands.replace.modes = {
wysiwyg: 1,
source: 1
};
editor.commands.replace.exec = function () {
if (editor.mode === "wysiwyg") {
editor.openDialog("find", function () {
this.selectPage("replace");
});
} else {
CodeMirror.commands.replace(window["codemirror_" + editor.id]);
}
};
}
var sourcearea = CKEDITOR.plugins.sourcearea;
// check if sourcearea plugin is overrriden
if (!sourcearea.commands.searchCode) {
CKEDITOR.plugins.sourcearea.commands = {
source: {
modes: {
wysiwyg: 1,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function(editorInstance) {
if (editorInstance.mode === "wysiwyg") {
editorInstance.fire("saveSnapshot");
}
// editorInstance.getCommand("source").setState(CKEDITOR.TRISTATE_DISABLED);
editorInstance.setMode(editorInstance.mode === "source" ? "wysiwyg" : "source");
},
canUndo: false
},
searchCode: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function (editorInstance) {
CodeMirror.commands.find(window["codemirror_" + editorInstance.id]);
},
canUndo: true
},
autoFormat: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function (editorInstance) {
var range = {
from: window["codemirror_" + editorInstance.id].getCursor(true),
to: window["codemirror_" + editorInstance.id].getCursor(false)
};
window["codemirror_" + editorInstance.id].autoFormatRange(range.from, range.to);
},
canUndo: true
},
commentSelectedRange: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function (editorInstance) {
var range = {
from: window["codemirror_" + editorInstance.id].getCursor(true),
to: window["codemirror_" + editorInstance.id].getCursor(false)
};
window["codemirror_" + editorInstance.id].commentRange(true, range.from, range.to);
},
canUndo: true
},
uncommentSelectedRange: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function (editorInstance) {
var range = {
from: window["codemirror_" + editorInstance.id].getCursor(true),
to: window["codemirror_" + editorInstance.id].getCursor(false)
};
window["codemirror_" + editorInstance.id].commentRange(false, range.from, range.to);
if (window["codemirror_" + editorInstance.id].config.autoFormatOnUncomment) {
window["codemirror_" + editorInstance.id].autoFormatRange(
range.from,
range.to);
}
},
canUndo: true
},
autoCompleteToggle: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function (editorInstance) {
if (this.state == CKEDITOR.TRISTATE_ON) {
window["codemirror_" + editorInstance.id].setOption("autoCloseTags", false);
} else if (this.state == CKEDITOR.TRISTATE_OFF) {
window["codemirror_" + editorInstance.id].setOption("autoCloseTags", true);
}
this.toggleState();
},
canUndo: true
}
};
}
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 (config.theme.length &&
config.theme != "default" &&
!IsStyleSheetAlreadyLoaded(rootPath + "theme/" + config.theme + ".css")) {
CKEDITOR.document.appendStyleSheet(rootPath + "theme/" + config.theme + ".css");
}
if (requirePresent) {
pluginRequire(getCodeMirrorDependencies(), function () {
loadCodeMirror(editor);
callback();
});
} else {
if (typeof (CodeMirror) == "undefined") {
CKEDITOR.scriptLoader.load(rootPath + "js/codemirror.min.js",
function() {
CKEDITOR.scriptLoader.load(getCodeMirrorScripts(),
function() {
loadCodeMirror(editor);
callback();
});
});
} else {
if (CodeMirror.prototype["autoFormatAll"]) {
loadCodeMirror(editor);
callback();
} else {
// loading the add-on scripts.
CKEDITOR.scriptLoader.load(getCodeMirrorScripts(),
function() {
loadCodeMirror(editor);
callback();
});
}
}
}
});
function getCodeMirrorDependencies() {
var dependencies = ["core", "addons"];
switch (config.mode) {
case "bbcode":
case "bbcodemixed":
dependencies.push("modeHtml");
break;
case "application/x-httpd-php":
dependencies.push("modePHP");
break;
case "text/javascript":
dependencies.push("modeJs");
break;
case "handlebars":
dependencies.push("modeHandlebars");
break;
case "twig":
dependencies.push("modeTwig");
break;
case "htmlmixed":
case "text/html":
default:
dependencies.push("modeHtml");
}
if (config.useBeautifyOnStart) {
dependencies.push("beautifyModule");
}
if (config.enableSearchTools) {
dependencies.push("addonSearch");
}
return dependencies;
}
function getCodeMirrorScripts() {
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");
}
break;
case "bbcodemixed":
{
scriptFiles.push(rootPath + "js/codemirror.mode.bbcodemixed.min.js");
}
break;
case "htmlmixed":
{
scriptFiles.push(rootPath + "js/codemirror.mode.htmlmixed.min.js");
}
break;
case "text/html":
{
scriptFiles.push(rootPath + "js/codemirror.mode.htmlmixed.min.js");
}
break;
case "application/x-httpd-php":
{
scriptFiles.push(rootPath + "js/codemirror.mode.php.min.js");
}
break;
case "text/javascript":
{
scriptFiles.push(rootPath + "js/codemirror.mode.javascript.min.js");
}
break;
case "twig":
{
scriptFiles.push(rootPath + "js/codemirror.mode.twig.min.js");
}
break;
default:
scriptFiles.push(rootPath + "js/codemirror.mode.htmlmixed.min.js");
}
if (config.useBeautifyOnStart) {
scriptFiles.push(rootPath + "js/beautify.min.js");
}
if (config.enableSearchTools) {
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");
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"
},
CKEDITOR.tools.cssVendorPrefix("tab-size", editor.config.sourceAreaTabSize || 4)));
var ariaLabel = [editor.lang.editor, editor.name].join(",");
textarea.setAttributes({
dir: "ltr",
tabIndex: CKEDITOR.env.webkit ? -1 : editor.tabIndex,
'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);
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);
var sourceAreaElement = window["editable_" + editor.id],
holderElement = sourceAreaElement.getParent();
/*CodeMirror.commands.autocomplete = function(cm) {
CodeMirror.showHint(cm, CodeMirror.htmlHint);
};*/
// Enable Code Folding (Requires 'lineNumbers' to be set to 'true')
if (config.lineNumbers && config.enableCodeFolding) {
window["foldFunc_" + editor.id] = CodeMirror.newFoldFunction(CodeMirror.tagRangeFinder);
}
function getCodeMirrorKey(ckeditorKeystroke) {
var MODIFIERS = [
[CKEDITOR.SHIFT, "Shift-"],
[CKEDITOR.CTRL, "Ctrl-"],
[CKEDITOR.ALT, "Alt-"]
];
var keyModifiers = "";
for (var i = 0; i < MODIFIERS.length; i++) {
if (ckeditorKeystroke & MODIFIERS[i][0]) {
ckeditorKeystroke -= MODIFIERS[i][0];
keyModifiers += MODIFIERS[i][1];
}
}
if (CodeMirror.keyNames[ckeditorKeystroke]) {
return keyModifiers + CodeMirror.keyNames[ckeditorKeystroke];
}
return null;
}
function addCKEditorKeystrokes(editorExtraKeys) {
var ckeditorKeystrokes = editor.config.keystrokes;
if (CKEDITOR.tools.isArray(ckeditorKeystrokes)) {
for (var i = 0; i < ckeditorKeystrokes.length; i++) {
var key = getCodeMirrorKey(ckeditorKeystrokes[i][0]);
if (key !== null) {
(function (command) {
editorExtraKeys[key] = function () {
editor.execCommand(command);
}
})(ckeditorKeystrokes[i][1]);
}
}
}
}
var extraKeys = {
"Ctrl-Q": function(codeMirror_Editor) {
if (config.enableCodeFolding) {
window["foldFunc_" + editor.id](codeMirror_Editor, codeMirror_Editor.getCursor().line);
}
}
};
addCKEditorKeystrokes(extraKeys);
window["codemirror_" + editor.id] = CodeMirror.fromTextArea(sourceAreaElement.$, {
mode: config.mode === "handlebars" ? { name: "handlebars", base: "text/html" } : config.mode,
matchBrackets: config.matchBrackets,
maxHighlightLineLength: config.maxHighlightLineLength,
matchTags: config.matchTags,
workDelay: 300,
workTime: 35,
readOnly: editor.readOnly,
lineNumbers: config.lineNumbers,
lineWrapping: true,
autoCloseTags: config.autoCloseTags,
autoCloseBrackets: config.autoCloseBrackets,
highlightSelectionMatches: config.highlightMatches,
continueComments: config.continueComments,
indentWithTabs: config.indentWithTabs,
theme: config.theme,
showTrailingSpace: config.showTrailingSpace,
showCursorWhenSelecting: true,
styleActiveLine: config.styleActiveLine,
//extraKeys: {"Ctrl-Space": "autocomplete"},
extraKeys: extraKeys,
foldGutter: true,
gutters: ["CodeMirror-linenumbers", "CodeMirror-foldgutter"]
});
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 source = window["codemirror_" + editor.id].getValue();
window["codemirror_" + editor.id].setValue(html_beautify(source, indent_size, indent_char, 120, brace_style));
} else {
window["codemirror_" + editor.id].autoFormatAll({
line: 0,
ch: 0
}, {
line: window["codemirror_" + editor.id].lineCount(),
ch: 0
});
}
}
function getSelectedRange() {
return {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
}
window["codemirror_" + editor.id].on("change", function () {
window["codemirror_" + editor.id].save();
editor.fire("change", this);
});
window["codemirror_" + editor.id].setSize(null, holderHeight);
// Enable Code Folding (Requires 'lineNumbers' to be set to 'true')
if (config.lineNumbers && config.enableCodeFolding) {
window["codemirror_" + editor.id].on("gutterClick", window["foldFunc_" + editor.id]);
}
// Run config.onLoad callback, if present.
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);
});
window["codemirror_" + editor.id].on("keypress", function (codeMirror_Editor, evt) {
if (config.enableCodeFormatting) {
var range = getSelectedRange();
if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && !evt.altKey) {
window["codemirror_" + editor.id].commentRange(true, range.from, range.to);
} else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && evt.shiftKey && !evt.altKey) {
window["codemirror_" + editor.id].commentRange(false, range.from, range.to);
if (config.autoFormatOnUncomment) {
window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
}
} else if (evt.type === "keydown" && evt.ctrlKey && evt.keyCode === 75 && !evt.shiftKey && evt.altKey) {
window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
}/* else if (evt.type === "keydown") {
CodeMirror.commands.newlineAndIndentContinueMarkdownList(window["codemirror_" + editor.id]);
}*/
}
});
}
editor.addCommand("source", sourcearea.commands.source);
if (editor.ui.addButton) {
editor.ui.addButton("Source", {
label: editor.lang.codemirror.toolbar,
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);
if (editor.ui.addButton) {
if (config.showFormatButton || config.showCommentButton || config.showUncommentButton || config.showSearchButton) {
editor.ui.add("-", CKEDITOR.UI_SEPARATOR, { toolbar: "mode,30" });
}
if (config.showSearchButton && config.enableSearchTools) {
editor.ui.addButton("searchCode", {
label: lang.searchCode,
command: "searchCode",
toolbar: "mode,40"
});
}
if (config.showFormatButton) {
editor.ui.addButton("autoFormat", {
label: lang.autoFormat,
command: "autoFormat",
toolbar: "mode,50"
});
}
if (config.showCommentButton) {
editor.ui.addButton("CommentSelectedRange", {
label: lang.commentSelectedRange,
command: "commentSelectedRange",
toolbar: "mode,60"
});
}
if (config.showUncommentButton) {
editor.ui.addButton("UncommentSelectedRange", {
label: lang.uncommentSelectedRange,
command: "uncommentSelectedRange",
toolbar: "mode,70"
});
}
if (config.showAutoCompleteButton) {
editor.ui.addButton("AutoComplete", {
label: lang.autoCompleteToggle,
command: "autoCompleteToggle",
toolbar: "mode,80"
});
}
}
}
editor.on("beforeModeUnload", function (evt) {
if (editor.mode === "source" && editor.plugins.textselection && !editor.config.fullPage) {
var range = editor.getTextSelection();
range.startOffset = LineChannelToOffSet(window["codemirror_" + editor.id], window["codemirror_" + editor.id].getCursor(true));
range.endOffset = LineChannelToOffSet(window["codemirror_" + editor.id], window["codemirror_" + editor.id].getCursor(false));
// Fly the range when create bookmark.
delete range.element;
range.createBookmark(editor);
sourceBookmark = true;
if (editor.undoManager) {
editor.undoManager.unlock();
}
evt.data = range.content;
}
});
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.plugins.textselection && textRange && !editor.config.fullPage) {
//textRange.element = new CKEDITOR.dom.element(editor._.editable.$);
//textRange.select();
var start, end;
start = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.startOffset);
if (typeof (textRange.endOffset) == "undefined") {
window["codemirror_" + editor.id].focus();
window["codemirror_" + editor.id].setCursor(start);
} else {
window["codemirror_" + editor.id].focus();
end = OffSetToLineChannel(window["codemirror_" + editor.id], textRange.endOffset);
window["codemirror_" + editor.id].setSelection(start, end);
}
}
}
});
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";
window["codemirror_" + editor.id].setSize(holderWidth, holderHeight);
}
});
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.container.getPrivate().events.contextmenu.listeners.splice(0, 1);
var selectAllCommand = editor.commands.selectAll;
// Replace Complete SelectAll command from the plugin, otherwise it will not work in IE10
if (selectAllCommand != null) {
selectAllCommand.exec = function () {
if (editor.mode === "source") {
window["codemirror_" + editor.id].setSelection({
line: 0,
ch: 0
}, {
line: window["codemirror_" + editor.id].lineCount(),
ch: 0
});
} else {
var editable = editor.editable();
if (editable.is("body"))
editor.document.$.execCommand("SelectAll", false, null);
else {
var range = editor.createRange();
range.selectNodeContents(editable);
range.select();
}
// Force triggering selectionChange (#7008)
editor.forceNextSelectionCheck();
editor.selectionChange();
}
};
}
});
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) {
if (window["editable_" + data.editor.id] && data.editor.mode === "source") {
window["codemirror_" + data.editor.id].setValue(data.data.dataValue);
}
});
}
});
var sourceEditable = CKEDITOR.tools.createClass({
base: CKEDITOR.editable,
proto: {
setData: function (data) {
this.setValue(data);
if (window["editable_" + this.editor.id] && this.editor.mode === "source") {
window["codemirror_" + this.editor.id].setValue(data);
}
this.editor.fire("dataReady");
},
getData: function() {
return this.getValue();
},
// Insertions are not supported in source editable.
insertHtml: function() {
},
insertElement: function() {
},
insertText: function() {
},
// Read-only support for textarea.
setReadOnly: function(isReadOnly) {
this[(isReadOnly ? "set" : "remove") + "Attribute"]("readOnly", "readonly");
},
editorID: null,
detach: function() {
window["codemirror_" + this.editorID].toTextArea();
// Free Memory on destroy
window["editable_" + this.editorID] = null;
window["codemirror_" + this.editorID] = null;
sourceEditable.baseProto.detach.call(this);
this.clearCustomData();
this.remove();
}
}
});
})();
CKEDITOR.plugins.sourcearea = {
commands: {
source: {
modes: {
wysiwyg: 1,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function(editor) {
if (editor.mode === "wysiwyg") {
editor.fire("saveSnapshot");
}
// editor.getCommand("source").setState(CKEDITOR.TRISTATE_DISABLED);
editor.setMode(editor.mode === "source" ? "wysiwyg" : "source");
},
canUndo: false
},
searchCode: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function(editor) {
CodeMirror.commands.find(window["codemirror_" + editor.id]);
},
canUndo: true
},
autoFormat: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 0,
exec: function(editor) {
var range = {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
window["codemirror_" + editor.id].autoFormatRange(range.from, range.to);
},
canUndo: true
},
commentSelectedRange: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 0,
exec: function(editor) {
var range = {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
window["codemirror_" + editor.id].commentRange(true, range.from, range.to);
},
canUndo: true
},
uncommentSelectedRange: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 0,
exec: function(editor) {
var range = {
from: window["codemirror_" + editor.id].getCursor(true),
to: window["codemirror_" + editor.id].getCursor(false)
};
window["codemirror_" + editor.id].commentRange(false, range.from, range.to);
if (window["codemirror_" + editor.id].config.autoFormatOnUncomment) {
window["codemirror_" + editor.id].autoFormatRange(
range.from,
range.to);
}
},
canUndo: true
},
autoCompleteToggle: {
modes: {
wysiwyg: 0,
source: 1
},
editorFocus: false,
readOnly: 1,
exec: function(editor) {
if (this.state == CKEDITOR.TRISTATE_ON) {
window["codemirror_" + editor.id].setOption("autoCloseTags", false);
} else if (this.state == CKEDITOR.TRISTATE_OFF) {
window["codemirror_" + editor.id].setOption("autoCloseTags", true);
}
this.toggleState();
},
canUndo: true
}
}
};
function LineChannelToOffSet(ed, linech) {
var line = linech.line;
var ch = linech.ch;
var n = (line + ch); //for the \n s & chars in the line
for (i = 0; i < line; i++) {
n += (ed.getLine(i)).length;//for the chars in all preceeding lines
}
return n;
}
function OffSetToLineChannel(ed, n) {
var line = 0, ch = 0, index = 0;
for (i = 0; i < ed.lineCount() ; i++) {
len = (ed.getLine(i)).length;
if (n < index + len) {
line = i;
ch = n - index;
return { line: line, ch: ch };
}
len++;//for \n char
index += len;
}
return { line: line, ch: ch };
}
function IsStyleSheetAlreadyLoaded(href) {
return CKEDITOR.document.getHead().findOne('link[href="' + href + '"]') != null;
}