Add WebCms
This commit is contained in:
@@ -0,0 +1,163 @@
|
||||
/// <reference path="/umbraco_client/Application/NamespaceManager.js" />
|
||||
|
||||
Umbraco.Sys.registerNamespace("Umbraco.Controls.CodeEditor");
|
||||
|
||||
(function($) {
|
||||
Umbraco.Controls.CodeEditor.UmbracoEditor = function(isSimpleEditor, controlId) {
|
||||
|
||||
//initialize
|
||||
var _isSimpleEditor = isSimpleEditor;
|
||||
var _controlId = controlId;
|
||||
|
||||
if (!_isSimpleEditor && typeof(codeEditor) == "undefined") {
|
||||
throw "CodeMirror editor not found!";
|
||||
}
|
||||
|
||||
//create the inner object
|
||||
var obj = {
|
||||
_editor: (typeof(codeEditor) == "undefined" ? null : codeEditor), //the codemirror object
|
||||
_control: $("#" + _controlId), //the original textbox as a jquery object
|
||||
_cmSave: null,//the saved selection of the code mirror editor (used for IE)
|
||||
|
||||
IsSimpleEditor: typeof(CodeMirror) == "undefined" ? true : typeof(codeEditor) == "undefined" ? true : _isSimpleEditor,
|
||||
|
||||
GetCode: function() {
|
||||
if (this.IsSimpleEditor) {
|
||||
return this._control.val();
|
||||
}
|
||||
else {
|
||||
//this is a wrapper for CodeMirror
|
||||
return this._editor.getValue();
|
||||
}
|
||||
},
|
||||
SetCode: function(code) {
|
||||
if (this.IsSimpleEditor) {
|
||||
this._control.val(code);
|
||||
}
|
||||
else {
|
||||
//this is a wrapper for CodeMirror
|
||||
this._editor.focus();
|
||||
|
||||
var codeChanged = this._editor.getValue() != code;
|
||||
var cursor = this._editor.doc.getCursor();
|
||||
|
||||
this._editor.setValue(code);
|
||||
|
||||
// Restore cursor position if the server saved code matches.
|
||||
if (!codeChanged)
|
||||
this._editor.setCursor(cursor);
|
||||
|
||||
this._editor.focus();
|
||||
}
|
||||
},
|
||||
GetSelection: function(code) {
|
||||
if (this.IsSimpleEditor) {
|
||||
this._control.getSelection().text
|
||||
}
|
||||
else {
|
||||
//this is a wrapper for CodeMirror
|
||||
this._editor.getSelection();
|
||||
}
|
||||
},
|
||||
Insert: function(open, end, txtEl, arg3) {
|
||||
//arg3 gets appended to open, not actually sure why it's needed but we'll keep it for legacy, it's optional
|
||||
if (_isSimpleEditor) {
|
||||
if (navigator.userAgent.match('MSIE')) {
|
||||
this._IEInsertSelection(open, end, txtEl, arg3);
|
||||
}
|
||||
else {
|
||||
//if not ie, use jquery field select, it's easier
|
||||
var selection = jQuery("#" + txtEl).getSelection().text;
|
||||
var replace = (arg3) ? open + arg3 : open; //concat open and arg3, if arg3 specified
|
||||
if (end != "") {
|
||||
replace = replace + selection + end;
|
||||
}
|
||||
jQuery("#" + txtEl).replaceSelection(replace);
|
||||
jQuery("#" + txtEl).focus();
|
||||
this._insertSimple(open, end, txtEl, arg3);
|
||||
}
|
||||
}
|
||||
else {
|
||||
this._editor.focus(); //need to restore the focus to the editor body
|
||||
|
||||
//if the saved selection (IE only) is not null, then
|
||||
if (this._cmSave != null) {
|
||||
this._editor.selectLines(this._cmSave.start.line, this._cmSave.start.character, this._cmSave.end.line, this._cmSave.end.character);
|
||||
}
|
||||
|
||||
var selection = this._editor.getSelection();
|
||||
|
||||
var replace = (arg3) ? open + arg3 : open; //concat open and arg3, if arg3 specified
|
||||
if (end != "") {
|
||||
replace = replace + selection + end;
|
||||
}
|
||||
this._editor.replaceSelection(replace);
|
||||
this._editor.focus();
|
||||
}
|
||||
},
|
||||
_IEInsertSelection: function(open, end, txtEl) {
|
||||
var tArea = document.getElementById(txtEl);
|
||||
tArea.focus();
|
||||
open = (open) ? open : "";
|
||||
end = (end) ? end : "";
|
||||
var curSelect = tArea.currRange;
|
||||
if (arguments[3]) {
|
||||
if (end == "") {
|
||||
curSelect.text = open + arguments[3];
|
||||
}
|
||||
else {
|
||||
curSelect.text = open + arguments[3] + curSelect.text + end;
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (end == "") {
|
||||
curSelect.text = open;
|
||||
}
|
||||
else {
|
||||
curSelect.text = open + curSelect.text + end;
|
||||
}
|
||||
}
|
||||
curSelect.select();
|
||||
},
|
||||
_IESelectionHelper: function() {
|
||||
/// <summary>
|
||||
/// Because IE is lame, we have to continuously save the selections created by the user
|
||||
/// in the editors so that when the selections are lost (i.e. the user types in a different text box
|
||||
/// we'll need to restore the selection when they return focus
|
||||
/// </summary>
|
||||
if (document.all) {
|
||||
var _this = this;
|
||||
if (this._editor == null) {
|
||||
|
||||
function storeCaret(editEl) {
|
||||
editEl.currRange = document.selection.createRange().duplicate();
|
||||
}
|
||||
|
||||
//need to store the selection details on each event while editing content
|
||||
this._control.select(function() { storeCaret(this) });
|
||||
this._control.click(function() { storeCaret(this) });
|
||||
this._control.keyup(function() { storeCaret(this) });
|
||||
}
|
||||
else {
|
||||
|
||||
/*
|
||||
//Removed as its not needed in codemirror2 apparently
|
||||
this._editor.options.cursorActivity = function() {
|
||||
_this._cmSave = {
|
||||
start: _this._editor.cursorPosition(true), //save start position
|
||||
end: _this._editor.cursorPosition(false) //save end position
|
||||
}
|
||||
}*/
|
||||
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// obj._IESelectionHelper();
|
||||
|
||||
// alert(obj);
|
||||
|
||||
return obj;
|
||||
};
|
||||
})(jQuery);
|
||||
Reference in New Issue
Block a user