aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/lib/scripts/editor.js
diff options
context:
space:
mode:
Diffstat (limited to 'lib/scripts/editor.js')
-rw-r--r--lib/scripts/editor.js157
1 files changed, 80 insertions, 77 deletions
diff --git a/lib/scripts/editor.js b/lib/scripts/editor.js
index 0df556172..988f54dc1 100644
--- a/lib/scripts/editor.js
+++ b/lib/scripts/editor.js
@@ -2,10 +2,10 @@
* The DokuWiki editor features
*
* These are the advanced features of the editor. It does NOT contain any
- * code for the toolbar buttons and it functions. See toolbar.js for that.
+ * code for the toolbar buttons and its functions. See toolbar.js for that.
*/
-var dw_editor = {
+let dw_editor = {
/**
* initialize the default editor functionality
@@ -13,15 +13,15 @@ var dw_editor = {
* All other functions can also be called separately for non-default
* textareas
*/
- init: function(){
- var $editor = jQuery('#wiki__text');
- if($editor.length === 0) {
+ init: function () {
+ const $editor = jQuery('#wiki__text');
+ if ($editor.length === 0) {
return;
}
- dw_editor.initSizeCtl('#size__ctl',$editor);
+ dw_editor.initSizeCtl('#size__ctl', $editor);
- if($editor.attr('readOnly')) {
+ if ($editor.attr('readOnly')) {
return;
}
@@ -34,31 +34,37 @@ var dw_editor = {
*
* Initial values are read from cookie if it exists
*
- * @param selector ctlarea the div to place the controls
- * @param selector editor the textarea to control
+ * @param {string|Element|jQuery} ctlarea the div to place the controls
+ * @param {string|Element|jQuery} editor the textarea to control
*/
- initSizeCtl: function(ctlarea,editor){
- var $ctl = jQuery(ctlarea),
+ initSizeCtl: function (ctlarea, editor) {
+ const $ctl = jQuery(ctlarea),
$textarea = jQuery(editor);
- if($ctl.length === 0 || $textarea.length === 0) {
+ if ($ctl.length === 0 || $textarea.length === 0) {
return;
}
$textarea.css('height', DokuCookie.getValue('sizeCtl') || '300px');
- var wrp = DokuCookie.getValue('wrapCtl');
- if(wrp){
+ const wrp = DokuCookie.getValue('wrapCtl');
+ if (wrp) {
dw_editor.setWrap($textarea[0], wrp);
} // else use default value
jQuery.each([
- ['larger', function(){dw_editor.sizeCtl(editor,100);}],
- ['smaller', function(){dw_editor.sizeCtl(editor,-100);}],
- ['wrap', function(){dw_editor.toggleWrap(editor);}]
+ ['larger', function () {
+ dw_editor.sizeCtl(editor, 100);
+ }],
+ ['smaller', function () {
+ dw_editor.sizeCtl(editor, -100);
+ }],
+ ['wrap', function () {
+ dw_editor.toggleWrap(editor);
+ }]
], function (_, img) {
jQuery(document.createElement('img'))
- .attr('src', DOKU_BASE+'lib/images/' + img[0] + '.gif')
+ .attr('src', DOKU_BASE + 'lib/images/' + img[0] + '.gif')
.attr('alt', '')
.on('click', img[1])
.appendTo($ctl);
@@ -68,28 +74,28 @@ var dw_editor = {
/**
* This sets the vertical size of the editbox and adjusts the cookie
*
- * @param selector editor the textarea to control
- * @param int val the relative value to resize in pixel
+ * @param {string|Element|jQuery} editor the textarea to control
+ * @param {int} val the relative value to resize in pixel
*/
- sizeCtl: function(editor,val){
- var $textarea = jQuery(editor),
+ sizeCtl: function (editor, val) {
+ const $textarea = jQuery(editor),
height = parseInt($textarea.css('height')) + val;
- $textarea.css('height', height+'px');
- DokuCookie.setValue('sizeCtl',$textarea.css('height'));
+ $textarea.css('height', height + 'px');
+ DokuCookie.setValue('sizeCtl', $textarea.css('height'));
},
/**
* Toggle the wrapping mode of the editor textarea and adjusts the
* cookie
*
- * @param selector editor the textarea to control
+ * @param {string|Element|jQuery} editor the textarea to control
*/
- toggleWrap: function(editor){
- var $textarea = jQuery(editor),
+ toggleWrap: function (editor) {
+ const $textarea = jQuery(editor),
wrap = $textarea.attr('wrap');
dw_editor.setWrap($textarea[0],
- (wrap && wrap.toLowerCase() == 'off') ? 'soft' : 'off');
- DokuCookie.setValue('wrapCtl',$textarea.attr('wrap'));
+ (wrap && wrap.toLowerCase() === 'off') ? 'soft' : 'off');
+ DokuCookie.setValue('wrapCtl', $textarea.attr('wrap'));
},
/**
@@ -99,15 +105,15 @@ var dw_editor = {
* @author <shutdown@flashmail.com>
* @link http://news.hping.org/comp.lang.javascript.archive/12265.html
* @link https://bugzilla.mozilla.org/show_bug.cgi?id=41464
- * @param DomObject textarea
- * @param string wrapAttrValue
+ * @param {Element} textarea
+ * @param {string} wrapAttrValue
*/
- setWrap: function(textarea, wrapAttrValue){
+ setWrap: function (textarea, wrapAttrValue) {
textarea.setAttribute('wrap', wrapAttrValue);
// Fix display for mozilla
- var parNod = textarea.parentNode;
- var nxtSib = textarea.nextSibling;
+ const parNod = textarea.parentNode;
+ const nxtSib = textarea.nextSibling;
parNod.removeChild(textarea);
parNod.insertBefore(textarea, nxtSib);
},
@@ -123,83 +129,80 @@ var dw_editor = {
*
* @author Andreas Gohr <andi@splitbrain.org>
* @fixme handle tabs
- * @param event e - the key press event object
+ * @param {KeyboardEvent} e - the key press event object
*/
- keyHandler: function(e){
- if(jQuery.inArray(e.keyCode,[8, 10, 13, 32]) === -1) {
- return;
- }
- var selection = DWgetSelection(this);
- if(selection.getLength() > 0) {
+ keyHandler: function (e) {
+ const selection = DWgetSelection(this);
+ if (selection.getLength() > 0) {
return; //there was text selected, keep standard behavior
}
- var search = "\n"+this.value.substr(0,selection.start);
- var linestart = Math.max(search.lastIndexOf("\n"),
- search.lastIndexOf("\r")); //IE workaround
- search = search.substr(linestart);
-
- if((e.keyCode == 13 || e.keyCode == 10) && e.ctrlKey) { // Ctrl-Enter (With Chrome workaround)
+ let search = "\n" + this.value.substring(0, selection.start);
+ const linestart = Math.max(
+ search.lastIndexOf("\n"),
+ search.lastIndexOf("\r") //IE workaround
+ );
+ search = search.substring(linestart);
+
+ if (e.key === 'Enter' && e.ctrlKey) {
// Submit current edit
jQuery('#edbtn__save').trigger('click');
e.preventDefault(); // prevent enter key
return false;
- }else if(e.keyCode == 13){ // Enter
+ } else if (e.key === 'Enter') {
// keep current indention for lists and code
- var match = search.match(/(\n +([\*-] ?)?)/);
- if(match){
- var scroll = this.scrollHeight;
- var match2 = search.match(/^\n +[\*-]\s*$/);
- // Cancel list if the last item is empty (i. e. two times enter)
- if (match2 && this.value.substr(selection.start).match(/^($|\r?\n)/)) {
- this.value = this.value.substr(0, linestart) + "\n" +
- this.value.substr(selection.start);
+ const match = search.match(/(\n +([*-] ?)?)/);
+ if (match) {
+ const scroll = this.scrollHeight;
+ const match2 = search.match(/^\n +[*-]\s*$/);
+ // Cancel list if the last item is empty (i.e. two times enter)
+ if (match2 && this.value.substring(selection.start).match(/^($|\r?\n)/)) {
+ this.value = this.value.substring(0, linestart) + "\n" +
+ this.value.substring(selection.start);
selection.start = linestart + 1;
selection.end = linestart + 1;
DWsetSelection(selection);
} else {
- insertAtCarret(this.id,match[1]);
+ insertAtCarret(this.id, match[1]);
}
this.scrollTop += (this.scrollHeight - scroll);
e.preventDefault(); // prevent enter key
return false;
}
- }else if(e.keyCode == 8){ // Backspace
+ } else if (e.key === 'Backspace') {
// unindent lists
- var match = search.match(/(\n +)([*-] ?)$/);
- if(match){
- var spaces = match[1].length-1;
+ const match = search.match(/(\n +)([*-] ?)$/);
+ if (match) {
+ const spaces = match[1].length - 1;
- if(spaces > 3){ // unindent one level
- this.value = this.value.substr(0,linestart)+
- this.value.substr(linestart+2);
+ if (spaces > 3) { // unindent one level
+ this.value = this.value.substring(0, linestart) +
+ this.value.substring(linestart + 2);
selection.start = selection.start - 2;
- selection.end = selection.start;
- }else{ // delete list point
- this.value = this.value.substr(0,linestart)+
- this.value.substr(selection.start);
+ selection.end = selection.start;
+ } else { // delete list point
+ this.value = this.value.substring(0, linestart) +
+ this.value.substring(selection.start);
selection.start = linestart;
- selection.end = linestart;
+ selection.end = linestart;
}
DWsetSelection(selection);
e.preventDefault(); // prevent backspace
return false;
}
- }else if(e.keyCode == 32){ // Space
+ } else if (e.key === ' ') { // Space
// intend list item
- var match = search.match(/(\n +)([*-] )$/);
- if(match){
- this.value = this.value.substr(0,linestart)+' '+
- this.value.substr(linestart);
+ const match = search.match(/(\n +)([*-] )$/);
+ if (match) {
+ this.value = this.value.substring(0, linestart) + ' ' +
+ this.value.substring(linestart);
selection.start = selection.start + 2;
- selection.end = selection.start;
+ selection.end = selection.start;
DWsetSelection(selection);
e.preventDefault(); // prevent space
return false;
}
}
}
-
-
};
jQuery(dw_editor.init);
generated by cgit v1.2.3 (git 2.39.1) at 2025-06-21 02:31:16 +0000