mirror of
https://github.com/UnickSoft/graphonline.git
synced 2026-04-14 11:46:10 +00:00
first commit
This commit is contained in:
/usr/bin/nano
753
lib/ckeditor4/plugins/codemirror/plugin.js
Executable file
753
lib/ckeditor4/plugins/codemirror/plugin.js
Executable file
@@ -0,0 +1,753 @@
|
||||
/*
|
||||
* 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',
|
||||
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',
|
||||
init: function(editor) {
|
||||
var rootPath = this.path;
|
||||
// Default Config
|
||||
var defaultConfig = {
|
||||
autoCloseBrackets: true,
|
||||
autoCloseTags: true,
|
||||
autoFormatOnStart: false,
|
||||
autoFormatOnUncomment: true,
|
||||
continueComments: true,
|
||||
enableCodeFolding: true,
|
||||
enableCodeFormatting: true,
|
||||
enableSearchTools: true,
|
||||
highlightActiveLine: true,
|
||||
highlightMatches: true,
|
||||
lineNumbers: true,
|
||||
lineWrapping: true,
|
||||
mode: 'text/html',
|
||||
matchBrackets: true,
|
||||
showAutoCompleteButton: true,
|
||||
showCommentButton: true,
|
||||
showFormatButton: true,
|
||||
showSearchButton: true,
|
||||
showUncommentButton: true,
|
||||
theme: 'default',
|
||||
useBeautify: false
|
||||
};
|
||||
|
||||
// Get Config & Lang
|
||||
var config = CKEDITOR.tools.extend(defaultConfig, editor.config.codemirror || {}, true);
|
||||
var 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;
|
||||
}
|
||||
|
||||
// Source mode isn't available in inline mode yet.
|
||||
if (editor.elementMode === CKEDITOR.ELEMENT_MODE_INLINE) {
|
||||
|
||||
// Override Source Dialog
|
||||
CKEDITOR.dialog.add('sourcedialog', function (editor) {
|
||||
var size = CKEDITOR.document.getWindow().getViewPaneSize();
|
||||
|
||||
// Make it maximum 800px wide, but still fully visible in the viewport.
|
||||
var width = Math.min(size.width - 70, 800);
|
||||
|
||||
// Make it use 2/3 of the viewport height.
|
||||
var height = size.height / 1.5;
|
||||
|
||||
// Store old editor data to avoid unnecessary setData.
|
||||
var oldData;
|
||||
|
||||
function loadCodeMirrorInline(editor, textarea) {
|
||||
var delay;
|
||||
|
||||
window["codemirror_" + editor.id] = CodeMirror.fromTextArea(textarea, {
|
||||
mode: 'text/html',
|
||||
matchBrackets: config.matchBrackets,
|
||||
workDelay: 300,
|
||||
workTime: 35,
|
||||
readOnly: editor.config.readOnly,
|
||||
lineNumbers: config.lineNumbers,
|
||||
lineWrapping: config.lineWrapping,
|
||||
autoCloseTags: config.autoCloseTags,
|
||||
autoCloseBrackets: config.autoCloseBrackets,
|
||||
highligctionMatches: config.highlightMatches,
|
||||
continueComments: config.continueComments,
|
||||
theme: config.theme,
|
||||
viewportMargin: Infinity,
|
||||
//extraKeys: {"Ctrl-Space": "autocomplete"},
|
||||
extraKeys: { "Ctrl-Q": function (codeMirror_Editor) { window["foldFunc_" + editor.id](codeMirror_Editor, codeMirror_Editor.getCursor().line); } },
|
||||
onKeyEvent: 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);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
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.useBeautify) {
|
||||
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 () {
|
||||
clearTimeout(delay);
|
||||
delay = setTimeout(function () {
|
||||
window["codemirror_" + editor.id].save();
|
||||
}, 300);
|
||||
});
|
||||
|
||||
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]);
|
||||
}
|
||||
// Highlight Active Line
|
||||
if (config.highlightActiveLine) {
|
||||
window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(0, "background", "activeline");
|
||||
window["codemirror_" + editor.id].on("cursorActivity", function () {
|
||||
var cur = window["codemirror_" + editor.id].getLineHandle(window["codemirror_" + editor.id].getCursor().line);
|
||||
if (cur != window["codemirror_" + editor.id].hlLine) {
|
||||
window["codemirror_" + editor.id].removeLineClass(window["codemirror_" + editor.id].hlLine, "background", "activeline");
|
||||
window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(cur, "background", "activeline");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Run config.onLoad callback, if present.
|
||||
if (typeof config.onLoad === 'function') {
|
||||
config.onLoad(window["codemirror_" + editor.id], editor);
|
||||
}
|
||||
}
|
||||
|
||||
return {
|
||||
title: editor.lang.sourcedialog.title,
|
||||
minWidth: width,
|
||||
minHeight: height,
|
||||
resizable : CKEDITOR.DIALOG_RESIZE_NONE,
|
||||
onShow: function () {
|
||||
// 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 (typeof (CodeMirror) == 'undefined') {
|
||||
|
||||
CKEDITOR.document.appendStyleSheet(rootPath + 'css/codemirror.min.css');
|
||||
|
||||
if (config.theme.length && config.theme != 'default') {
|
||||
CKEDITOR.document.appendStyleSheet(rootPath + 'theme/' + config.theme + '.css');
|
||||
}
|
||||
|
||||
CKEDITOR.scriptLoader.load(rootPath + 'js/codemirror.min.js', function () {
|
||||
|
||||
CKEDITOR.scriptLoader.load(getCodeMirrorScripts(), function () {
|
||||
loadCodeMirrorInline(editor, textArea);
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
} else {
|
||||
loadCodeMirrorInline(editor, textArea);
|
||||
}
|
||||
|
||||
|
||||
},
|
||||
onCancel: function() {
|
||||
window["codemirror_" + editor.id].toTextArea();
|
||||
|
||||
// Free Memory on destroy
|
||||
window["editable_" + editor.id] = null;
|
||||
window["codemirror_" + editor.id] = null;
|
||||
},
|
||||
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 on destroy
|
||||
window["editable_" + editor.id] = null;
|
||||
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)
|
||||
return true;
|
||||
|
||||
// Set data asynchronously to avoid errors in IE.
|
||||
CKEDITOR.env.ie ?
|
||||
CKEDITOR.tools.setTimeout(setData, 0, this, newData)
|
||||
:
|
||||
setData.call(this, newData);
|
||||
|
||||
// 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:' + width + 'px;' +
|
||||
'height:' + height + 'px;' +
|
||||
'tab-size:4;' +
|
||||
'text-align:left;',
|
||||
'class': 'cke_source cke_enable_context_menu',
|
||||
}
|
||||
]
|
||||
}]
|
||||
};
|
||||
});
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
var sourcearea = CKEDITOR.plugins.sourcearea;
|
||||
editor.addMode('source', function(callback) {
|
||||
if (typeof (CodeMirror) == 'undefined') {
|
||||
|
||||
CKEDITOR.document.appendStyleSheet(rootPath + 'css/codemirror.min.css');
|
||||
|
||||
if (config.theme.length && config.theme != 'default') {
|
||||
CKEDITOR.document.appendStyleSheet(rootPath + 'theme/' + config.theme + '.css');
|
||||
}
|
||||
|
||||
CKEDITOR.scriptLoader.load(rootPath + 'js/codemirror.min.js', function() {
|
||||
|
||||
CKEDITOR.scriptLoader.load(getCodeMirrorScripts(), function() {
|
||||
loadCodeMirror(editor);
|
||||
callback();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
} else {
|
||||
loadCodeMirror(editor);
|
||||
callback();
|
||||
}
|
||||
});
|
||||
|
||||
function getCodeMirrorScripts() {
|
||||
var scriptFiles = [rootPath + 'js/codemirror.modes.min.js', rootPath + 'js/codemirror.addons.min.js'];
|
||||
|
||||
if (config.useBeautify) {
|
||||
scriptFiles.push(rootPath + 'js/beautify.min.js');
|
||||
}
|
||||
|
||||
if (config.enableSearchTools) {
|
||||
scriptFiles.push(rootPath + 'js/codemirror.search-addons.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 cke_reset 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 delay;
|
||||
var sourceAreaElement = window["editable_" + editor.id],
|
||||
holderElement = sourceAreaElement.getParent();
|
||||
|
||||
//codemirror = editor.id;
|
||||
|
||||
/*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);
|
||||
}
|
||||
|
||||
window["codemirror_" + editor.id] = CodeMirror.fromTextArea(sourceAreaElement.$, {
|
||||
mode: config.mode,
|
||||
matchBrackets: config.matchBrackets,
|
||||
workDelay: 300,
|
||||
workTime: 35,
|
||||
readOnly: editor.config.readOnly,
|
||||
lineNumbers: config.lineNumbers,
|
||||
lineWrapping: config.lineWrapping,
|
||||
autoCloseTags: config.autoCloseTags,
|
||||
autoCloseBrackets: config.autoCloseBrackets,
|
||||
highlightSelectionMatches: config.highlightMatches,
|
||||
continueComments: config.continueComments,
|
||||
theme: config.theme,
|
||||
//extraKeys: {"Ctrl-Space": "autocomplete"},
|
||||
extraKeys: { "Ctrl-Q": function(codeMirror_Editor) { window["foldFunc_" + editor.id](codeMirror_Editor, codeMirror_Editor.getCursor().line); } },
|
||||
onKeyEvent: 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);
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
var holderHeight = 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.useBeautify) {
|
||||
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(cm, change) {
|
||||
clearTimeout(delay);
|
||||
delay = setTimeout(function() {
|
||||
window["codemirror_" + editor.id].save();
|
||||
}, 300);
|
||||
});
|
||||
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]);
|
||||
}
|
||||
// Highlight Active Line
|
||||
if (config.highlightActiveLine) {
|
||||
window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(0, "background", "activeline");
|
||||
window["codemirror_" + editor.id].on("cursorActivity", function() {
|
||||
var cur = window["codemirror_" + editor.id].getLineHandle(window["codemirror_" + editor.id].getCursor().line);
|
||||
if (cur != window["codemirror_" + editor.id].hlLine) {
|
||||
window["codemirror_" + editor.id].removeLineClass(window["codemirror_" + editor.id].hlLine, "background", "activeline");
|
||||
window["codemirror_" + editor.id].hlLine = window["codemirror_" + editor.id].addLineClass(cur, "background", "activeline");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// Run config.onLoad callback, if present.
|
||||
if (typeof config.onLoad === 'function') {
|
||||
config.onLoad(window["codemirror_" + editor.id], editor);
|
||||
}
|
||||
}
|
||||
|
||||
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('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);
|
||||
}
|
||||
|
||||
});
|
||||
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 () {
|
||||
window["codemirror_" + editor.id].setOption("readOnly", this.readOnly);
|
||||
|
||||
});
|
||||
|
||||
var selectAllCommand = editor.commands.selectAll;
|
||||
|
||||
if (selectAllCommand != null) {
|
||||
selectAllCommand.on('exec', function () {
|
||||
if (editor.mode === 'source') {
|
||||
window["codemirror_" + editor.id].setSelection({
|
||||
line: 0,
|
||||
ch: 0
|
||||
}, {
|
||||
line: window["codemirror_" + editor.id].lineCount(),
|
||||
ch: 0
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
var sourceEditable = CKEDITOR.tools.createClass({
|
||||
base: CKEDITOR.editable,
|
||||
proto: {
|
||||
setData: function(data) {
|
||||
|
||||
this.setValue(data);
|
||||
|
||||
if (this.codeMirror != null) {
|
||||
this.codeMirror.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: 1,
|
||||
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: 1,
|
||||
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: 1,
|
||||
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
|
||||
}
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user