self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Electron: Added hyperlink, checkbox and code options in toolbar

Browse Source
This commit is contained in:
Laurent Cozic 2018-06-12 00:12:06 +01:00
parent 218b446915
commit af01fed950
1 changed files with 43 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
ElectronClient/app/gui/NoteText.jsx
View File

@ -25,6 +25,7 @@ const md5 = require('md5');
const mimeUtils = require('lib/mime-utils.js').mime; const mimeUtils = require('lib/mime-utils.js').mime;
const ArrayUtils = require('lib/ArrayUtils'); const ArrayUtils = require('lib/ArrayUtils');
const urlUtils = require('lib/urlUtils'); const urlUtils = require('lib/urlUtils');
const dialogs = require('./dialogs');
require('brace/mode/markdown'); require('brace/mode/markdown');
// https://ace.c9.io/build/kitchen-sink.html // https://ace.c9.io/build/kitchen-sink.html
@ -743,7 +744,7 @@ class NoteTextComponent extends React.Component {
}, 10); }, 10);
} }
wrapSelectionWithStrings(string1, string2) { wrapSelectionWithStrings(string1, string2 = '') {
if (!this.rawEditor() || !this.state.note) return; if (!this.rawEditor() || !this.state.note) return;
const selection = this.state.selection; const selection = this.state.selection;
@ -788,12 +789,31 @@ class NoteTextComponent extends React.Component {
this.scheduleHtmlUpdate(); this.scheduleHtmlUpdate();
} }
async commandTextBold() { commandTextBold() {
this.wrapSelectionWithStrings('**', '**'); // TODO: Insert default text and select it
this.wrapSelectionWithStrings('**', '**', _('strong text'));
} }
async commandTextItalic() { commandTextItalic() {
this.wrapSelectionWithStrings('*', '*'); this.wrapSelectionWithStrings('*', '*', _('emphasized text'));
}
commandTextCheckbox() {
// TODO: If previous item is already a checkbox, don't add a new line
this.wrapSelectionWithStrings('\n- [ ] ');
}
commandTextCode() {
this.wrapSelectionWithStrings('`', '`');
}
// commandTextListUl() {
// this.wrapSelectionWithStrings('\n- ');
// }
async commandTextLink() {
const url = await dialogs.prompt(_('Insert Hyperlink'));
this.wrapSelectionWithStrings('[', '](' + url + ')');
} }
itemContextMenu(event) { itemContextMenu(event) {
@ -841,6 +861,24 @@ class NoteTextComponent extends React.Component {
onClick: () => { return this.commandTextItalic(); }, onClick: () => { return this.commandTextItalic(); },
}); });
toolbarItems.push({
tooltip: _('Hyperlink'),
iconName: 'fa-link',
onClick: () => { return this.commandTextLink(); },
});
toolbarItems.push({
tooltip: _('Checkbox'),
iconName: 'fa-check-square',
onClick: () => { return this.commandTextCheckbox(); },
});
toolbarItems.push({
tooltip: _('Code'),
iconName: 'fa-code',
onClick: () => { return this.commandTextCode(); },
});
toolbarItems.push({ toolbarItems.push({
tooltip: _('Attach file'), tooltip: _('Attach file'),
iconName: 'fa-paperclip', iconName: 'fa-paperclip',