Use JavaScript standard style
This commit is contained in:
Yukai Huang
parent
6556c284e5
commit
9b513f619f
3 changed files with 577 additions and 550 deletions
|
|
@ -1,459 +1,482 @@
|
||||||
import * as utils from './utils';
|
import * as utils from './utils'
|
||||||
|
|
||||||
/* config section */
|
/* config section */
|
||||||
const isMac = CodeMirror.keyMap.default === CodeMirror.keyMap.macDefault;
|
const isMac = CodeMirror.keyMap.default === CodeMirror.keyMap.macDefault
|
||||||
const defaultEditorMode = 'gfm';
|
const defaultEditorMode = 'gfm'
|
||||||
const viewportMargin = 20;
|
const viewportMargin = 20
|
||||||
|
|
||||||
const jumpToAddressBarKeymapName = isMac ? "Cmd-L" : "Ctrl-L";
|
const jumpToAddressBarKeymapName = isMac ? 'Cmd-L' : 'Ctrl-L'
|
||||||
|
|
||||||
export default class Editor {
|
export default class Editor {
|
||||||
constructor() {
|
constructor () {
|
||||||
this.editor = null;
|
this.editor = null
|
||||||
|
|
||||||
this.defaultExtraKeys = {
|
this.defaultExtraKeys = {
|
||||||
"F10": function (cm) {
|
F10: function (cm) {
|
||||||
cm.setOption("fullScreen", !cm.getOption("fullScreen"));
|
cm.setOption('fullScreen', !cm.getOption('fullScreen'))
|
||||||
},
|
},
|
||||||
"Esc": function (cm) {
|
Esc: function (cm) {
|
||||||
if (cm.getOption('keyMap').substr(0, 3) === 'vim') return CodeMirror.Pass;
|
if (cm.getOption('keyMap').substr(0, 3) === 'vim') {
|
||||||
else if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
|
return CodeMirror.Pass
|
||||||
},
|
} else if (cm.getOption('fullScreen')) {
|
||||||
"Cmd-S": function () {
|
cm.setOption('fullScreen', false)
|
||||||
return false;
|
|
||||||
},
|
|
||||||
"Ctrl-S": function () {
|
|
||||||
return false;
|
|
||||||
},
|
|
||||||
"Enter": "newlineAndIndentContinueMarkdownList",
|
|
||||||
"Tab": function (cm) {
|
|
||||||
var tab = '\t';
|
|
||||||
|
|
||||||
// contruct x length spaces
|
|
||||||
var spaces = Array(parseInt(cm.getOption("indentUnit")) + 1).join(" ");
|
|
||||||
|
|
||||||
//auto indent whole line when in list or blockquote
|
|
||||||
var cursor = cm.getCursor();
|
|
||||||
var line = cm.getLine(cursor.line);
|
|
||||||
|
|
||||||
// this regex match the following patterns
|
|
||||||
// 1. blockquote starts with "> " or ">>"
|
|
||||||
// 2. unorder list starts with *+-
|
|
||||||
// 3. order list starts with "1." or "1)"
|
|
||||||
var regex = /^(\s*)(>[> ]*|[*+-]\s|(\d+)([.)]))/;
|
|
||||||
|
|
||||||
var match;
|
|
||||||
var multiple = cm.getSelection().split('\n').length > 1 || cm.getSelections().length > 1;
|
|
||||||
|
|
||||||
if (multiple) {
|
|
||||||
cm.execCommand('defaultTab');
|
|
||||||
} else if ((match = regex.exec(line)) !== null) {
|
|
||||||
var ch = match[1].length;
|
|
||||||
var pos = {
|
|
||||||
line: cursor.line,
|
|
||||||
ch: ch
|
|
||||||
};
|
|
||||||
if (cm.getOption('indentWithTabs'))
|
|
||||||
cm.replaceRange(tab, pos, pos, '+input');
|
|
||||||
else
|
|
||||||
cm.replaceRange(spaces, pos, pos, '+input');
|
|
||||||
} else {
|
|
||||||
if (cm.getOption('indentWithTabs'))
|
|
||||||
cm.execCommand('defaultTab');
|
|
||||||
else {
|
|
||||||
cm.replaceSelection(spaces);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"Cmd-Left": "goLineLeftSmart",
|
|
||||||
"Cmd-Right": "goLineRight",
|
|
||||||
"Ctrl-C": function (cm) {
|
|
||||||
if (!isMac && cm.getOption('keyMap').substr(0, 3) === 'vim') {
|
|
||||||
document.execCommand("copy");
|
|
||||||
} else {
|
|
||||||
return CodeMirror.Pass;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
"Ctrl-*": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '*');
|
|
||||||
},
|
|
||||||
"Shift-Ctrl-8": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '*');
|
|
||||||
},
|
|
||||||
"Ctrl-_": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '_');
|
|
||||||
},
|
|
||||||
"Shift-Ctrl--": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '_');
|
|
||||||
},
|
|
||||||
"Ctrl-~": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '~');
|
|
||||||
},
|
|
||||||
"Shift-Ctrl-`": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '~');
|
|
||||||
},
|
|
||||||
"Ctrl-^": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '^');
|
|
||||||
},
|
|
||||||
"Shift-Ctrl-6": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '^');
|
|
||||||
},
|
|
||||||
"Ctrl-+": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '+');
|
|
||||||
},
|
|
||||||
"Shift-Ctrl-=": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '+');
|
|
||||||
},
|
|
||||||
"Ctrl-=": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, '=');
|
|
||||||
},
|
|
||||||
"Shift-Ctrl-Backspace": (cm) => {
|
|
||||||
utils.wrapTextWith(this.editor, cm, 'Backspace');
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
this.jumpToAddressBarKeymapValue = null;
|
|
||||||
}
|
|
||||||
|
|
||||||
getStatusBarTemplate(callback) {
|
|
||||||
$.get(window.serverurl + '/views/statusbar.html', (template) => {
|
|
||||||
this.statusBarTemplate = template;
|
|
||||||
if (callback) callback();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
addStatusBar() {
|
|
||||||
if (!this.statusBarTemplate) {
|
|
||||||
this.getStatusBarTemplate(this.addStatusBar);
|
|
||||||
return;
|
|
||||||
}
|
}
|
||||||
this.statusBar = $(this.statusBarTemplate);
|
},
|
||||||
this.statusCursor = this.statusBar.find('.status-cursor');
|
'Cmd-S': function () {
|
||||||
this.statusFile = this.statusBar.find('.status-file');
|
return false
|
||||||
this.statusIndicators = this.statusBar.find('.status-indicators');
|
},
|
||||||
this.statusIndent = this.statusBar.find('.status-indent');
|
'Ctrl-S': function () {
|
||||||
this.statusKeymap = this.statusBar.find('.status-keymap');
|
return false
|
||||||
this.statusLength = this.statusBar.find('.status-length');
|
},
|
||||||
this.statusTheme = this.statusBar.find('.status-theme');
|
Enter: 'newlineAndIndentContinueMarkdownList',
|
||||||
this.statusSpellcheck = this.statusBar.find('.status-spellcheck');
|
Tab: function (cm) {
|
||||||
this.statusPreferences = this.statusBar.find('.status-preferences');
|
var tab = '\t'
|
||||||
this.statusPanel = this.editor.addPanel(this.statusBar[0], {
|
|
||||||
position: "bottom"
|
|
||||||
});
|
|
||||||
|
|
||||||
this.setIndent();
|
// contruct x length spaces
|
||||||
this.setKeymap();
|
var spaces = Array(parseInt(cm.getOption('indentUnit')) + 1).join(' ')
|
||||||
this.setTheme();
|
|
||||||
this.setSpellcheck();
|
|
||||||
this.setPreferences();
|
|
||||||
}
|
|
||||||
|
|
||||||
setIndent() {
|
// auto indent whole line when in list or blockquote
|
||||||
var cookieIndentType = Cookies.get('indent_type');
|
var cursor = cm.getCursor()
|
||||||
var cookieTabSize = parseInt(Cookies.get('tab_size'));
|
var line = cm.getLine(cursor.line)
|
||||||
var cookieSpaceUnits = parseInt(Cookies.get('space_units'));
|
|
||||||
if (cookieIndentType) {
|
|
||||||
if (cookieIndentType == 'tab') {
|
|
||||||
this.editor.setOption('indentWithTabs', true);
|
|
||||||
if (cookieTabSize)
|
|
||||||
this.editor.setOption('indentUnit', cookieTabSize);
|
|
||||||
} else if (cookieIndentType == 'space') {
|
|
||||||
this.editor.setOption('indentWithTabs', false);
|
|
||||||
if (cookieSpaceUnits)
|
|
||||||
this.editor.setOption('indentUnit', cookieSpaceUnits);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (cookieTabSize)
|
|
||||||
this.editor.setOption('tabSize', cookieTabSize);
|
|
||||||
|
|
||||||
var type = this.statusIndicators.find('.indent-type');
|
// this regex match the following patterns
|
||||||
var widthLabel = this.statusIndicators.find('.indent-width-label');
|
// 1. blockquote starts with "> " or ">>"
|
||||||
var widthInput = this.statusIndicators.find('.indent-width-input');
|
// 2. unorder list starts with *+-
|
||||||
|
// 3. order list starts with "1." or "1)"
|
||||||
|
var regex = /^(\s*)(>[> ]*|[*+-]\s|(\d+)([.)]))/
|
||||||
|
|
||||||
const setType = () => {
|
var match
|
||||||
if (this.editor.getOption('indentWithTabs')) {
|
var multiple = cm.getSelection().split('\n').length > 1 ||
|
||||||
Cookies.set('indent_type', 'tab', {
|
cm.getSelections().length > 1
|
||||||
expires: 365
|
|
||||||
});
|
|
||||||
type.text('Tab Size:');
|
|
||||||
} else {
|
|
||||||
Cookies.set('indent_type', 'space', {
|
|
||||||
expires: 365
|
|
||||||
});
|
|
||||||
type.text('Spaces:');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
setType();
|
|
||||||
|
|
||||||
const setUnit = () => {
|
if (multiple) {
|
||||||
var unit = this.editor.getOption('indentUnit');
|
cm.execCommand('defaultTab')
|
||||||
if (this.editor.getOption('indentWithTabs')) {
|
} else if ((match = regex.exec(line)) !== null) {
|
||||||
Cookies.set('tab_size', unit, {
|
var ch = match[1].length
|
||||||
expires: 365
|
var pos = {
|
||||||
});
|
line: cursor.line,
|
||||||
} else {
|
ch: ch
|
||||||
Cookies.set('space_units', unit, {
|
}
|
||||||
expires: 365
|
if (cm.getOption('indentWithTabs')) {
|
||||||
});
|
cm.replaceRange(tab, pos, pos, '+input')
|
||||||
}
|
} else {
|
||||||
widthLabel.text(unit);
|
cm.replaceRange(spaces, pos, pos, '+input')
|
||||||
}
|
}
|
||||||
setUnit();
|
|
||||||
|
|
||||||
type.click(() => {
|
|
||||||
if (this.editor.getOption('indentWithTabs')) {
|
|
||||||
this.editor.setOption('indentWithTabs', false);
|
|
||||||
cookieSpaceUnits = parseInt(Cookies.get('space_units'));
|
|
||||||
if (cookieSpaceUnits)
|
|
||||||
this.editor.setOption('indentUnit', cookieSpaceUnits)
|
|
||||||
} else {
|
|
||||||
this.editor.setOption('indentWithTabs', true);
|
|
||||||
cookieTabSize = parseInt(Cookies.get('tab_size'));
|
|
||||||
if (cookieTabSize) {
|
|
||||||
this.editor.setOption('indentUnit', cookieTabSize);
|
|
||||||
this.editor.setOption('tabSize', cookieTabSize);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
setType();
|
|
||||||
setUnit();
|
|
||||||
});
|
|
||||||
widthLabel.click(() => {
|
|
||||||
if (widthLabel.is(':visible')) {
|
|
||||||
widthLabel.addClass('hidden');
|
|
||||||
widthInput.removeClass('hidden');
|
|
||||||
widthInput.val(this.editor.getOption('indentUnit'));
|
|
||||||
widthInput.select();
|
|
||||||
} else {
|
|
||||||
widthLabel.removeClass('hidden');
|
|
||||||
widthInput.addClass('hidden');
|
|
||||||
}
|
|
||||||
});
|
|
||||||
widthInput.on('change', () => {
|
|
||||||
var val = parseInt(widthInput.val());
|
|
||||||
if (!val) val = this.editor.getOption('indentUnit');
|
|
||||||
if (val < 1) val = 1;
|
|
||||||
else if (val > 10) val = 10;
|
|
||||||
|
|
||||||
if (this.editor.getOption('indentWithTabs')) {
|
|
||||||
this.editor.setOption('tabSize', val);
|
|
||||||
}
|
|
||||||
this.editor.setOption('indentUnit', val);
|
|
||||||
setUnit();
|
|
||||||
});
|
|
||||||
widthInput.on('blur', function () {
|
|
||||||
widthLabel.removeClass('hidden');
|
|
||||||
widthInput.addClass('hidden');
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
setKeymap() {
|
|
||||||
var cookieKeymap = Cookies.get('keymap');
|
|
||||||
if (cookieKeymap)
|
|
||||||
this.editor.setOption('keyMap', cookieKeymap);
|
|
||||||
|
|
||||||
var label = this.statusIndicators.find('.ui-keymap-label');
|
|
||||||
var sublime = this.statusIndicators.find('.ui-keymap-sublime');
|
|
||||||
var emacs = this.statusIndicators.find('.ui-keymap-emacs');
|
|
||||||
var vim = this.statusIndicators.find('.ui-keymap-vim');
|
|
||||||
|
|
||||||
const setKeymapLabel = () => {
|
|
||||||
var keymap = this.editor.getOption('keyMap');
|
|
||||||
Cookies.set('keymap', keymap, {
|
|
||||||
expires: 365
|
|
||||||
});
|
|
||||||
label.text(keymap);
|
|
||||||
this.restoreOverrideEditorKeymap();
|
|
||||||
this.setOverrideBrowserKeymap();
|
|
||||||
}
|
|
||||||
setKeymapLabel();
|
|
||||||
|
|
||||||
sublime.click(() => {
|
|
||||||
this.editor.setOption('keyMap', 'sublime');
|
|
||||||
setKeymapLabel();
|
|
||||||
});
|
|
||||||
emacs.click(() => {
|
|
||||||
this.editor.setOption('keyMap', 'emacs');
|
|
||||||
setKeymapLabel();
|
|
||||||
});
|
|
||||||
vim.click(() => {
|
|
||||||
this.editor.setOption('keyMap', 'vim');
|
|
||||||
setKeymapLabel();
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
setTheme() {
|
|
||||||
var cookieTheme = Cookies.get('theme');
|
|
||||||
if (cookieTheme) {
|
|
||||||
this.editor.setOption('theme', cookieTheme);
|
|
||||||
}
|
|
||||||
|
|
||||||
var themeToggle = this.statusTheme.find('.ui-theme-toggle');
|
|
||||||
|
|
||||||
const checkTheme = () => {
|
|
||||||
var theme = this.editor.getOption('theme');
|
|
||||||
if (theme == "one-dark") {
|
|
||||||
themeToggle.removeClass('active');
|
|
||||||
} else {
|
|
||||||
themeToggle.addClass('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
themeToggle.click(() => {
|
|
||||||
var theme = this.editor.getOption('theme');
|
|
||||||
if (theme == "one-dark") {
|
|
||||||
theme = "default";
|
|
||||||
} else {
|
|
||||||
theme = "one-dark";
|
|
||||||
}
|
|
||||||
this.editor.setOption('theme', theme);
|
|
||||||
Cookies.set('theme', theme, {
|
|
||||||
expires: 365
|
|
||||||
});
|
|
||||||
|
|
||||||
checkTheme();
|
|
||||||
});
|
|
||||||
|
|
||||||
checkTheme();
|
|
||||||
}
|
|
||||||
|
|
||||||
setSpellcheck() {
|
|
||||||
var cookieSpellcheck = Cookies.get('spellcheck');
|
|
||||||
if (cookieSpellcheck) {
|
|
||||||
var mode = null;
|
|
||||||
if (cookieSpellcheck === 'true' || cookieSpellcheck === true) {
|
|
||||||
mode = 'spell-checker';
|
|
||||||
} else {
|
|
||||||
mode = defaultEditorMode;
|
|
||||||
}
|
|
||||||
if (mode && mode !== this.editor.getOption('mode')) {
|
|
||||||
this.editor.setOption('mode', mode);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
var spellcheckToggle = this.statusSpellcheck.find('.ui-spellcheck-toggle');
|
|
||||||
|
|
||||||
const checkSpellcheck = () => {
|
|
||||||
var mode = this.editor.getOption('mode');
|
|
||||||
if (mode == defaultEditorMode) {
|
|
||||||
spellcheckToggle.removeClass('active');
|
|
||||||
} else {
|
|
||||||
spellcheckToggle.addClass('active');
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
spellcheckToggle.click(() => {
|
|
||||||
var mode = this.editor.getOption('mode');
|
|
||||||
if (mode == defaultEditorMode) {
|
|
||||||
mode = "spell-checker";
|
|
||||||
} else {
|
|
||||||
mode = defaultEditorMode;
|
|
||||||
}
|
|
||||||
if (mode && mode !== this.editor.getOption('mode')) {
|
|
||||||
this.editor.setOption('mode', mode);
|
|
||||||
}
|
|
||||||
Cookies.set('spellcheck', (mode == "spell-checker"), {
|
|
||||||
expires: 365
|
|
||||||
});
|
|
||||||
|
|
||||||
checkSpellcheck();
|
|
||||||
});
|
|
||||||
|
|
||||||
checkSpellcheck();
|
|
||||||
|
|
||||||
//workaround spellcheck might not activate beacuse the ajax loading
|
|
||||||
if (window.num_loaded < 2) {
|
|
||||||
var spellcheckTimer = setInterval(() => {
|
|
||||||
if (window.num_loaded >= 2) {
|
|
||||||
if (this.editor.getOption('mode') == "spell-checker") {
|
|
||||||
this.editor.setOption('mode', "spell-checker");
|
|
||||||
}
|
|
||||||
clearInterval(spellcheckTimer);
|
|
||||||
}
|
|
||||||
}, 100);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
resetEditorKeymapToBrowserKeymap() {
|
|
||||||
var keymap = this.editor.getOption('keyMap');
|
|
||||||
if (!this.jumpToAddressBarKeymapValue) {
|
|
||||||
this.jumpToAddressBarKeymapValue = CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName];
|
|
||||||
delete CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
restoreOverrideEditorKeymap() {
|
|
||||||
var keymap = this.editor.getOption('keyMap');
|
|
||||||
if (this.jumpToAddressBarKeymapValue) {
|
|
||||||
CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName] = this.jumpToAddressBarKeymapValue;
|
|
||||||
this.jumpToAddressBarKeymapValue = null;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
setOverrideBrowserKeymap() {
|
|
||||||
var overrideBrowserKeymap = $('.ui-preferences-override-browser-keymap label > input[type="checkbox"]');
|
|
||||||
if (overrideBrowserKeymap.is(":checked")) {
|
|
||||||
Cookies.set('preferences-override-browser-keymap', true, {
|
|
||||||
expires: 365
|
|
||||||
});
|
|
||||||
this.restoreOverrideEditorKeymap();
|
|
||||||
} else {
|
} else {
|
||||||
Cookies.remove('preferences-override-browser-keymap');
|
if (cm.getOption('indentWithTabs')) {
|
||||||
this.resetEditorKeymapToBrowserKeymap();
|
cm.execCommand('defaultTab')
|
||||||
|
} else {
|
||||||
|
cm.replaceSelection(spaces)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
},
|
||||||
|
'Cmd-Left': 'goLineLeftSmart',
|
||||||
setPreferences() {
|
'Cmd-Right': 'goLineRight',
|
||||||
var overrideBrowserKeymap = $('.ui-preferences-override-browser-keymap label > input[type="checkbox"]');
|
'Ctrl-C': function (cm) {
|
||||||
var cookieOverrideBrowserKeymap = Cookies.get('preferences-override-browser-keymap');
|
if (!isMac && cm.getOption('keyMap').substr(0, 3) === 'vim') {
|
||||||
if (cookieOverrideBrowserKeymap && cookieOverrideBrowserKeymap === "true") {
|
document.execCommand('copy')
|
||||||
overrideBrowserKeymap.prop('checked', true);
|
|
||||||
} else {
|
} else {
|
||||||
overrideBrowserKeymap.prop('checked', false);
|
return CodeMirror.Pass
|
||||||
}
|
}
|
||||||
this.setOverrideBrowserKeymap();
|
},
|
||||||
|
'Ctrl-*': cm => {
|
||||||
overrideBrowserKeymap.change(() => {
|
utils.wrapTextWith(this.editor, cm, '*')
|
||||||
this.setOverrideBrowserKeymap();
|
},
|
||||||
});
|
'Shift-Ctrl-8': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '*')
|
||||||
|
},
|
||||||
|
'Ctrl-_': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '_')
|
||||||
|
},
|
||||||
|
'Shift-Ctrl--': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '_')
|
||||||
|
},
|
||||||
|
'Ctrl-~': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '~')
|
||||||
|
},
|
||||||
|
'Shift-Ctrl-`': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '~')
|
||||||
|
},
|
||||||
|
'Ctrl-^': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '^')
|
||||||
|
},
|
||||||
|
'Shift-Ctrl-6': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '^')
|
||||||
|
},
|
||||||
|
'Ctrl-+': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '+')
|
||||||
|
},
|
||||||
|
'Shift-Ctrl-=': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '+')
|
||||||
|
},
|
||||||
|
'Ctrl-=': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, '=')
|
||||||
|
},
|
||||||
|
'Shift-Ctrl-Backspace': cm => {
|
||||||
|
utils.wrapTextWith(this.editor, cm, 'Backspace')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
init(textit) {
|
this.jumpToAddressBarKeymapValue = null
|
||||||
this.editor = CodeMirror.fromTextArea(textit, {
|
}
|
||||||
mode: defaultEditorMode,
|
|
||||||
backdrop: defaultEditorMode,
|
|
||||||
keyMap: "sublime",
|
|
||||||
viewportMargin: viewportMargin,
|
|
||||||
styleActiveLine: true,
|
|
||||||
lineNumbers: true,
|
|
||||||
lineWrapping: true,
|
|
||||||
showCursorWhenSelecting: true,
|
|
||||||
highlightSelectionMatches: true,
|
|
||||||
indentUnit: 4,
|
|
||||||
continueComments: "Enter",
|
|
||||||
theme: "one-dark",
|
|
||||||
inputStyle: "textarea",
|
|
||||||
matchBrackets: true,
|
|
||||||
autoCloseBrackets: true,
|
|
||||||
matchTags: {
|
|
||||||
bothTags: true
|
|
||||||
},
|
|
||||||
autoCloseTags: true,
|
|
||||||
foldGutter: true,
|
|
||||||
gutters: ["CodeMirror-linenumbers", "authorship-gutters", "CodeMirror-foldgutter"],
|
|
||||||
extraKeys: this.defaultExtraKeys,
|
|
||||||
flattenSpans: true,
|
|
||||||
addModeClass: true,
|
|
||||||
readOnly: true,
|
|
||||||
autoRefresh: true,
|
|
||||||
otherCursors: true,
|
|
||||||
placeholder: "← Start by entering a title here\n===\nVisit /features if you don't know what to do.\nHappy hacking :)"
|
|
||||||
});
|
|
||||||
|
|
||||||
this.getStatusBarTemplate();
|
getStatusBarTemplate (callback) {
|
||||||
|
$.get(window.serverurl + '/views/statusbar.html', template => {
|
||||||
|
this.statusBarTemplate = template
|
||||||
|
if (callback) callback()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
return this.editor;
|
addStatusBar () {
|
||||||
|
if (!this.statusBarTemplate) {
|
||||||
|
this.getStatusBarTemplate(this.addStatusBar)
|
||||||
|
return
|
||||||
|
}
|
||||||
|
this.statusBar = $(this.statusBarTemplate)
|
||||||
|
this.statusCursor = this.statusBar.find('.status-cursor')
|
||||||
|
this.statusFile = this.statusBar.find('.status-file')
|
||||||
|
this.statusIndicators = this.statusBar.find('.status-indicators')
|
||||||
|
this.statusIndent = this.statusBar.find('.status-indent')
|
||||||
|
this.statusKeymap = this.statusBar.find('.status-keymap')
|
||||||
|
this.statusLength = this.statusBar.find('.status-length')
|
||||||
|
this.statusTheme = this.statusBar.find('.status-theme')
|
||||||
|
this.statusSpellcheck = this.statusBar.find('.status-spellcheck')
|
||||||
|
this.statusPreferences = this.statusBar.find('.status-preferences')
|
||||||
|
this.statusPanel = this.editor.addPanel(this.statusBar[0], {
|
||||||
|
position: 'bottom'
|
||||||
|
})
|
||||||
|
|
||||||
|
this.setIndent()
|
||||||
|
this.setKeymap()
|
||||||
|
this.setTheme()
|
||||||
|
this.setSpellcheck()
|
||||||
|
this.setPreferences()
|
||||||
|
}
|
||||||
|
|
||||||
|
setIndent () {
|
||||||
|
var cookieIndentType = Cookies.get('indent_type')
|
||||||
|
var cookieTabSize = parseInt(Cookies.get('tab_size'))
|
||||||
|
var cookieSpaceUnits = parseInt(Cookies.get('space_units'))
|
||||||
|
if (cookieIndentType) {
|
||||||
|
if (cookieIndentType === 'tab') {
|
||||||
|
this.editor.setOption('indentWithTabs', true)
|
||||||
|
if (cookieTabSize) {
|
||||||
|
this.editor.setOption('indentUnit', cookieTabSize)
|
||||||
|
}
|
||||||
|
} else if (cookieIndentType === 'space') {
|
||||||
|
this.editor.setOption('indentWithTabs', false)
|
||||||
|
if (cookieSpaceUnits) {
|
||||||
|
this.editor.setOption('indentUnit', cookieSpaceUnits)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if (cookieTabSize) {
|
||||||
|
this.editor.setOption('tabSize', cookieTabSize)
|
||||||
}
|
}
|
||||||
|
|
||||||
getEditor() {
|
var type = this.statusIndicators.find('.indent-type')
|
||||||
return this.editor;
|
var widthLabel = this.statusIndicators.find('.indent-width-label')
|
||||||
|
var widthInput = this.statusIndicators.find('.indent-width-input')
|
||||||
|
|
||||||
|
const setType = () => {
|
||||||
|
if (this.editor.getOption('indentWithTabs')) {
|
||||||
|
Cookies.set('indent_type', 'tab', {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
type.text('Tab Size:')
|
||||||
|
} else {
|
||||||
|
Cookies.set('indent_type', 'space', {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
type.text('Spaces:')
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
setType()
|
||||||
|
|
||||||
|
const setUnit = () => {
|
||||||
|
var unit = this.editor.getOption('indentUnit')
|
||||||
|
if (this.editor.getOption('indentWithTabs')) {
|
||||||
|
Cookies.set('tab_size', unit, {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
} else {
|
||||||
|
Cookies.set('space_units', unit, {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
}
|
||||||
|
widthLabel.text(unit)
|
||||||
|
}
|
||||||
|
setUnit()
|
||||||
|
|
||||||
|
type.click(() => {
|
||||||
|
if (this.editor.getOption('indentWithTabs')) {
|
||||||
|
this.editor.setOption('indentWithTabs', false)
|
||||||
|
cookieSpaceUnits = parseInt(Cookies.get('space_units'))
|
||||||
|
if (cookieSpaceUnits) {
|
||||||
|
this.editor.setOption('indentUnit', cookieSpaceUnits)
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
this.editor.setOption('indentWithTabs', true)
|
||||||
|
cookieTabSize = parseInt(Cookies.get('tab_size'))
|
||||||
|
if (cookieTabSize) {
|
||||||
|
this.editor.setOption('indentUnit', cookieTabSize)
|
||||||
|
this.editor.setOption('tabSize', cookieTabSize)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
setType()
|
||||||
|
setUnit()
|
||||||
|
})
|
||||||
|
widthLabel.click(() => {
|
||||||
|
if (widthLabel.is(':visible')) {
|
||||||
|
widthLabel.addClass('hidden')
|
||||||
|
widthInput.removeClass('hidden')
|
||||||
|
widthInput.val(this.editor.getOption('indentUnit'))
|
||||||
|
widthInput.select()
|
||||||
|
} else {
|
||||||
|
widthLabel.removeClass('hidden')
|
||||||
|
widthInput.addClass('hidden')
|
||||||
|
}
|
||||||
|
})
|
||||||
|
widthInput.on('change', () => {
|
||||||
|
var val = parseInt(widthInput.val())
|
||||||
|
if (!val) val = this.editor.getOption('indentUnit')
|
||||||
|
if (val < 1) val = 1
|
||||||
|
else if (val > 10) val = 10
|
||||||
|
|
||||||
|
if (this.editor.getOption('indentWithTabs')) {
|
||||||
|
this.editor.setOption('tabSize', val)
|
||||||
|
}
|
||||||
|
this.editor.setOption('indentUnit', val)
|
||||||
|
setUnit()
|
||||||
|
})
|
||||||
|
widthInput.on('blur', function () {
|
||||||
|
widthLabel.removeClass('hidden')
|
||||||
|
widthInput.addClass('hidden')
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
setKeymap () {
|
||||||
|
var cookieKeymap = Cookies.get('keymap')
|
||||||
|
if (cookieKeymap) {
|
||||||
|
this.editor.setOption('keyMap', cookieKeymap)
|
||||||
|
}
|
||||||
|
|
||||||
|
var label = this.statusIndicators.find('.ui-keymap-label')
|
||||||
|
var sublime = this.statusIndicators.find('.ui-keymap-sublime')
|
||||||
|
var emacs = this.statusIndicators.find('.ui-keymap-emacs')
|
||||||
|
var vim = this.statusIndicators.find('.ui-keymap-vim')
|
||||||
|
|
||||||
|
const setKeymapLabel = () => {
|
||||||
|
var keymap = this.editor.getOption('keyMap')
|
||||||
|
Cookies.set('keymap', keymap, {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
label.text(keymap)
|
||||||
|
this.restoreOverrideEditorKeymap()
|
||||||
|
this.setOverrideBrowserKeymap()
|
||||||
|
}
|
||||||
|
setKeymapLabel()
|
||||||
|
|
||||||
|
sublime.click(() => {
|
||||||
|
this.editor.setOption('keyMap', 'sublime')
|
||||||
|
setKeymapLabel()
|
||||||
|
})
|
||||||
|
emacs.click(() => {
|
||||||
|
this.editor.setOption('keyMap', 'emacs')
|
||||||
|
setKeymapLabel()
|
||||||
|
})
|
||||||
|
vim.click(() => {
|
||||||
|
this.editor.setOption('keyMap', 'vim')
|
||||||
|
setKeymapLabel()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
setTheme () {
|
||||||
|
var cookieTheme = Cookies.get('theme')
|
||||||
|
if (cookieTheme) {
|
||||||
|
this.editor.setOption('theme', cookieTheme)
|
||||||
|
}
|
||||||
|
|
||||||
|
var themeToggle = this.statusTheme.find('.ui-theme-toggle')
|
||||||
|
|
||||||
|
const checkTheme = () => {
|
||||||
|
var theme = this.editor.getOption('theme')
|
||||||
|
if (theme === 'one-dark') {
|
||||||
|
themeToggle.removeClass('active')
|
||||||
|
} else {
|
||||||
|
themeToggle.addClass('active')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
themeToggle.click(() => {
|
||||||
|
var theme = this.editor.getOption('theme')
|
||||||
|
if (theme === 'one-dark') {
|
||||||
|
theme = 'default'
|
||||||
|
} else {
|
||||||
|
theme = 'one-dark'
|
||||||
|
}
|
||||||
|
this.editor.setOption('theme', theme)
|
||||||
|
Cookies.set('theme', theme, {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
|
||||||
|
checkTheme()
|
||||||
|
})
|
||||||
|
|
||||||
|
checkTheme()
|
||||||
|
}
|
||||||
|
|
||||||
|
setSpellcheck () {
|
||||||
|
var cookieSpellcheck = Cookies.get('spellcheck')
|
||||||
|
if (cookieSpellcheck) {
|
||||||
|
var mode = null
|
||||||
|
if (cookieSpellcheck === 'true' || cookieSpellcheck === true) {
|
||||||
|
mode = 'spell-checker'
|
||||||
|
} else {
|
||||||
|
mode = defaultEditorMode
|
||||||
|
}
|
||||||
|
if (mode && mode !== this.editor.getOption('mode')) {
|
||||||
|
this.editor.setOption('mode', mode)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
var spellcheckToggle = this.statusSpellcheck.find('.ui-spellcheck-toggle')
|
||||||
|
|
||||||
|
const checkSpellcheck = () => {
|
||||||
|
var mode = this.editor.getOption('mode')
|
||||||
|
if (mode === defaultEditorMode) {
|
||||||
|
spellcheckToggle.removeClass('active')
|
||||||
|
} else {
|
||||||
|
spellcheckToggle.addClass('active')
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
spellcheckToggle.click(() => {
|
||||||
|
var mode = this.editor.getOption('mode')
|
||||||
|
if (mode === defaultEditorMode) {
|
||||||
|
mode = 'spell-checker'
|
||||||
|
} else {
|
||||||
|
mode = defaultEditorMode
|
||||||
|
}
|
||||||
|
if (mode && mode !== this.editor.getOption('mode')) {
|
||||||
|
this.editor.setOption('mode', mode)
|
||||||
|
}
|
||||||
|
Cookies.set('spellcheck', mode === 'spell-checker', {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
|
||||||
|
checkSpellcheck()
|
||||||
|
})
|
||||||
|
|
||||||
|
checkSpellcheck()
|
||||||
|
|
||||||
|
// workaround spellcheck might not activate beacuse the ajax loading
|
||||||
|
if (window.num_loaded < 2) {
|
||||||
|
var spellcheckTimer = setInterval(
|
||||||
|
() => {
|
||||||
|
if (window.num_loaded >= 2) {
|
||||||
|
if (this.editor.getOption('mode') === 'spell-checker') {
|
||||||
|
this.editor.setOption('mode', 'spell-checker')
|
||||||
|
}
|
||||||
|
clearInterval(spellcheckTimer)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
100,
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
resetEditorKeymapToBrowserKeymap () {
|
||||||
|
var keymap = this.editor.getOption('keyMap')
|
||||||
|
if (!this.jumpToAddressBarKeymapValue) {
|
||||||
|
this.jumpToAddressBarKeymapValue = CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName]
|
||||||
|
delete CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
restoreOverrideEditorKeymap () {
|
||||||
|
var keymap = this.editor.getOption('keyMap')
|
||||||
|
if (this.jumpToAddressBarKeymapValue) {
|
||||||
|
CodeMirror.keyMap[keymap][jumpToAddressBarKeymapName] = this.jumpToAddressBarKeymapValue
|
||||||
|
this.jumpToAddressBarKeymapValue = null
|
||||||
|
}
|
||||||
|
}
|
||||||
|
setOverrideBrowserKeymap () {
|
||||||
|
var overrideBrowserKeymap = $(
|
||||||
|
'.ui-preferences-override-browser-keymap label > input[type="checkbox"]',
|
||||||
|
)
|
||||||
|
if (overrideBrowserKeymap.is(':checked')) {
|
||||||
|
Cookies.set('preferences-override-browser-keymap', true, {
|
||||||
|
expires: 365
|
||||||
|
})
|
||||||
|
this.restoreOverrideEditorKeymap()
|
||||||
|
} else {
|
||||||
|
Cookies.remove('preferences-override-browser-keymap')
|
||||||
|
this.resetEditorKeymapToBrowserKeymap()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
setPreferences () {
|
||||||
|
var overrideBrowserKeymap = $(
|
||||||
|
'.ui-preferences-override-browser-keymap label > input[type="checkbox"]',
|
||||||
|
)
|
||||||
|
var cookieOverrideBrowserKeymap = Cookies.get(
|
||||||
|
'preferences-override-browser-keymap',
|
||||||
|
)
|
||||||
|
if (cookieOverrideBrowserKeymap && cookieOverrideBrowserKeymap === 'true') {
|
||||||
|
overrideBrowserKeymap.prop('checked', true)
|
||||||
|
} else {
|
||||||
|
overrideBrowserKeymap.prop('checked', false)
|
||||||
|
}
|
||||||
|
this.setOverrideBrowserKeymap()
|
||||||
|
|
||||||
|
overrideBrowserKeymap.change(() => {
|
||||||
|
this.setOverrideBrowserKeymap()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
init (textit) {
|
||||||
|
this.editor = CodeMirror.fromTextArea(textit, {
|
||||||
|
mode: defaultEditorMode,
|
||||||
|
backdrop: defaultEditorMode,
|
||||||
|
keyMap: 'sublime',
|
||||||
|
viewportMargin: viewportMargin,
|
||||||
|
styleActiveLine: true,
|
||||||
|
lineNumbers: true,
|
||||||
|
lineWrapping: true,
|
||||||
|
showCursorWhenSelecting: true,
|
||||||
|
highlightSelectionMatches: true,
|
||||||
|
indentUnit: 4,
|
||||||
|
continueComments: 'Enter',
|
||||||
|
theme: 'one-dark',
|
||||||
|
inputStyle: 'textarea',
|
||||||
|
matchBrackets: true,
|
||||||
|
autoCloseBrackets: true,
|
||||||
|
matchTags: {
|
||||||
|
bothTags: true
|
||||||
|
},
|
||||||
|
autoCloseTags: true,
|
||||||
|
foldGutter: true,
|
||||||
|
gutters: [
|
||||||
|
'CodeMirror-linenumbers',
|
||||||
|
'authorship-gutters',
|
||||||
|
'CodeMirror-foldgutter'
|
||||||
|
],
|
||||||
|
extraKeys: this.defaultExtraKeys,
|
||||||
|
flattenSpans: true,
|
||||||
|
addModeClass: true,
|
||||||
|
readOnly: true,
|
||||||
|
autoRefresh: true,
|
||||||
|
otherCursors: true,
|
||||||
|
placeholder: "← Start by entering a title here\n===\nVisit /features if you don't know what to do.\nHappy hacking :)"
|
||||||
|
})
|
||||||
|
|
||||||
|
this.getStatusBarTemplate()
|
||||||
|
|
||||||
|
return this.editor
|
||||||
|
}
|
||||||
|
|
||||||
|
getEditor () {
|
||||||
|
return this.editor
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,82 +3,84 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
export const getUIElements = () => ({
|
export const getUIElements = () => ({
|
||||||
spinner: $(".ui-spinner"),
|
spinner: $('.ui-spinner'),
|
||||||
content: $(".ui-content"),
|
content: $('.ui-content'),
|
||||||
toolbar: {
|
toolbar: {
|
||||||
shortStatus: $(".ui-short-status"),
|
shortStatus: $('.ui-short-status'),
|
||||||
status: $(".ui-status"),
|
status: $('.ui-status'),
|
||||||
new: $(".ui-new"),
|
new: $('.ui-new'),
|
||||||
publish: $(".ui-publish"),
|
publish: $('.ui-publish'),
|
||||||
extra: {
|
extra: {
|
||||||
revision: $(".ui-extra-revision"),
|
revision: $('.ui-extra-revision'),
|
||||||
slide: $(".ui-extra-slide")
|
slide: $('.ui-extra-slide')
|
||||||
},
|
|
||||||
download: {
|
|
||||||
markdown: $(".ui-download-markdown"),
|
|
||||||
html: $(".ui-download-html"),
|
|
||||||
rawhtml: $(".ui-download-raw-html"),
|
|
||||||
pdf: $(".ui-download-pdf-beta"),
|
|
||||||
},
|
|
||||||
export: {
|
|
||||||
dropbox: $(".ui-save-dropbox"),
|
|
||||||
googleDrive: $(".ui-save-google-drive"),
|
|
||||||
gist: $(".ui-save-gist"),
|
|
||||||
snippet: $(".ui-save-snippet")
|
|
||||||
},
|
|
||||||
import: {
|
|
||||||
dropbox: $(".ui-import-dropbox"),
|
|
||||||
googleDrive: $(".ui-import-google-drive"),
|
|
||||||
gist: $(".ui-import-gist"),
|
|
||||||
snippet: $(".ui-import-snippet"),
|
|
||||||
clipboard: $(".ui-import-clipboard")
|
|
||||||
},
|
|
||||||
mode: $(".ui-mode"),
|
|
||||||
edit: $(".ui-edit"),
|
|
||||||
view: $(".ui-view"),
|
|
||||||
both: $(".ui-both"),
|
|
||||||
uploadImage: $(".ui-upload-image")
|
|
||||||
},
|
},
|
||||||
infobar: {
|
download: {
|
||||||
lastchange: $(".ui-lastchange"),
|
markdown: $('.ui-download-markdown'),
|
||||||
lastchangeuser: $(".ui-lastchangeuser"),
|
html: $('.ui-download-html'),
|
||||||
nolastchangeuser: $(".ui-no-lastchangeuser"),
|
rawhtml: $('.ui-download-raw-html'),
|
||||||
permission: {
|
pdf: $('.ui-download-pdf-beta')
|
||||||
permission: $(".ui-permission"),
|
|
||||||
label: $(".ui-permission-label"),
|
|
||||||
freely: $(".ui-permission-freely"),
|
|
||||||
editable: $(".ui-permission-editable"),
|
|
||||||
locked: $(".ui-permission-locked"),
|
|
||||||
private: $(".ui-permission-private"),
|
|
||||||
limited: $(".ui-permission-limited"),
|
|
||||||
protected: $(".ui-permission-protected")
|
|
||||||
},
|
|
||||||
delete: $(".ui-delete-note")
|
|
||||||
},
|
},
|
||||||
toc: {
|
export: {
|
||||||
toc: $('.ui-toc'),
|
dropbox: $('.ui-save-dropbox'),
|
||||||
affix: $('.ui-affix-toc'),
|
googleDrive: $('.ui-save-google-drive'),
|
||||||
label: $('.ui-toc-label'),
|
gist: $('.ui-save-gist'),
|
||||||
dropdown: $('.ui-toc-dropdown')
|
snippet: $('.ui-save-snippet')
|
||||||
},
|
},
|
||||||
area: {
|
import: {
|
||||||
edit: $(".ui-edit-area"),
|
dropbox: $('.ui-import-dropbox'),
|
||||||
view: $(".ui-view-area"),
|
googleDrive: $('.ui-import-google-drive'),
|
||||||
codemirror: $(".ui-edit-area .CodeMirror"),
|
gist: $('.ui-import-gist'),
|
||||||
codemirrorScroll: $(".ui-edit-area .CodeMirror .CodeMirror-scroll"),
|
snippet: $('.ui-import-snippet'),
|
||||||
codemirrorSizer: $(".ui-edit-area .CodeMirror .CodeMirror-sizer"),
|
clipboard: $('.ui-import-clipboard')
|
||||||
codemirrorSizerInner: $(".ui-edit-area .CodeMirror .CodeMirror-sizer > div"),
|
|
||||||
markdown: $(".ui-view-area .markdown-body"),
|
|
||||||
resize: {
|
|
||||||
handle: $('.ui-resizable-handle'),
|
|
||||||
syncToggle: $('.ui-sync-toggle')
|
|
||||||
}
|
|
||||||
},
|
},
|
||||||
modal: {
|
mode: $('.ui-mode'),
|
||||||
snippetImportProjects: $("#snippetImportModalProjects"),
|
edit: $('.ui-edit'),
|
||||||
snippetImportSnippets: $("#snippetImportModalSnippets"),
|
view: $('.ui-view'),
|
||||||
revision: $("#revisionModal")
|
both: $('.ui-both'),
|
||||||
|
uploadImage: $('.ui-upload-image')
|
||||||
|
},
|
||||||
|
infobar: {
|
||||||
|
lastchange: $('.ui-lastchange'),
|
||||||
|
lastchangeuser: $('.ui-lastchangeuser'),
|
||||||
|
nolastchangeuser: $('.ui-no-lastchangeuser'),
|
||||||
|
permission: {
|
||||||
|
permission: $('.ui-permission'),
|
||||||
|
label: $('.ui-permission-label'),
|
||||||
|
freely: $('.ui-permission-freely'),
|
||||||
|
editable: $('.ui-permission-editable'),
|
||||||
|
locked: $('.ui-permission-locked'),
|
||||||
|
private: $('.ui-permission-private'),
|
||||||
|
limited: $('.ui-permission-limited'),
|
||||||
|
protected: $('.ui-permission-protected')
|
||||||
|
},
|
||||||
|
delete: $('.ui-delete-note')
|
||||||
|
},
|
||||||
|
toc: {
|
||||||
|
toc: $('.ui-toc'),
|
||||||
|
affix: $('.ui-affix-toc'),
|
||||||
|
label: $('.ui-toc-label'),
|
||||||
|
dropdown: $('.ui-toc-dropdown')
|
||||||
|
},
|
||||||
|
area: {
|
||||||
|
edit: $('.ui-edit-area'),
|
||||||
|
view: $('.ui-view-area'),
|
||||||
|
codemirror: $('.ui-edit-area .CodeMirror'),
|
||||||
|
codemirrorScroll: $('.ui-edit-area .CodeMirror .CodeMirror-scroll'),
|
||||||
|
codemirrorSizer: $('.ui-edit-area .CodeMirror .CodeMirror-sizer'),
|
||||||
|
codemirrorSizerInner: $(
|
||||||
|
'.ui-edit-area .CodeMirror .CodeMirror-sizer > div',
|
||||||
|
),
|
||||||
|
markdown: $('.ui-view-area .markdown-body'),
|
||||||
|
resize: {
|
||||||
|
handle: $('.ui-resizable-handle'),
|
||||||
|
syncToggle: $('.ui-sync-toggle')
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
modal: {
|
||||||
|
snippetImportProjects: $('#snippetImportModalProjects'),
|
||||||
|
snippetImportSnippets: $('#snippetImportModalSnippets'),
|
||||||
|
revision: $('#revisionModal')
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
export default getUIElements;
|
export default getUIElements
|
||||||
|
|
|
||||||
|
|
@ -1,46 +1,48 @@
|
||||||
const wrapSymbols = ['*', '_', '~', '^', '+', '='];
|
const wrapSymbols = ['*', '_', '~', '^', '+', '=']
|
||||||
export function wrapTextWith(editor, cm, symbol) {
|
export function wrapTextWith (editor, cm, symbol) {
|
||||||
if (!cm.getSelection()) {
|
if (!cm.getSelection()) {
|
||||||
return CodeMirror.Pass;
|
return CodeMirror.Pass
|
||||||
} else {
|
} else {
|
||||||
var ranges = cm.listSelections();
|
var ranges = cm.listSelections()
|
||||||
for (var i = 0; i < ranges.length; i++) {
|
for (var i = 0; i < ranges.length; i++) {
|
||||||
var range = ranges[i];
|
var range = ranges[i]
|
||||||
if (!range.empty()) {
|
if (!range.empty()) {
|
||||||
var from = range.from(), to = range.to();
|
const from = range.from()
|
||||||
if (symbol !== 'Backspace') {
|
const to = range.to()
|
||||||
cm.replaceRange(symbol, to, to, '+input');
|
|
||||||
cm.replaceRange(symbol, from, from, '+input');
|
if (symbol !== 'Backspace') {
|
||||||
// workaround selection range not correct after add symbol
|
cm.replaceRange(symbol, to, to, '+input')
|
||||||
var _ranges = cm.listSelections();
|
cm.replaceRange(symbol, from, from, '+input')
|
||||||
var anchorIndex = editor.indexFromPos(_ranges[i].anchor);
|
// workaround selection range not correct after add symbol
|
||||||
var headIndex = editor.indexFromPos(_ranges[i].head);
|
var _ranges = cm.listSelections()
|
||||||
if (anchorIndex > headIndex) {
|
var anchorIndex = editor.indexFromPos(_ranges[i].anchor)
|
||||||
_ranges[i].anchor.ch--;
|
var headIndex = editor.indexFromPos(_ranges[i].head)
|
||||||
} else {
|
if (anchorIndex > headIndex) {
|
||||||
_ranges[i].head.ch--;
|
_ranges[i].anchor.ch--
|
||||||
}
|
} else {
|
||||||
cm.setSelections(_ranges);
|
_ranges[i].head.ch--
|
||||||
} else {
|
}
|
||||||
var preEndPos = {
|
cm.setSelections(_ranges)
|
||||||
line: to.line,
|
} else {
|
||||||
ch: to.ch + 1
|
var preEndPos = {
|
||||||
};
|
line: to.line,
|
||||||
var preText = cm.getRange(to, preEndPos);
|
ch: to.ch + 1
|
||||||
var preIndex = wrapSymbols.indexOf(preText);
|
}
|
||||||
var postEndPos = {
|
var preText = cm.getRange(to, preEndPos)
|
||||||
line: from.line,
|
var preIndex = wrapSymbols.indexOf(preText)
|
||||||
ch: from.ch - 1
|
var postEndPos = {
|
||||||
};
|
line: from.line,
|
||||||
var postText = cm.getRange(postEndPos, from);
|
ch: from.ch - 1
|
||||||
var postIndex = wrapSymbols.indexOf(postText);
|
}
|
||||||
// check if surround symbol are list in array and matched
|
var postText = cm.getRange(postEndPos, from)
|
||||||
if (preIndex > -1 && postIndex > -1 && preIndex === postIndex) {
|
var postIndex = wrapSymbols.indexOf(postText)
|
||||||
cm.replaceRange("", to, preEndPos, '+delete');
|
// check if surround symbol are list in array and matched
|
||||||
cm.replaceRange("", postEndPos, from, '+delete');
|
if (preIndex > -1 && postIndex > -1 && preIndex === postIndex) {
|
||||||
}
|
cm.replaceRange('', to, preEndPos, '+delete')
|
||||||
}
|
cm.replaceRange('', postEndPos, from, '+delete')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue