TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-12-27 21:03:29 +03:00
Code Issues Projects Releases Wiki Activity

Allow certain toolbar buttons to be disabled in {{gh-markdown-editor}}

Browse Source 
no issue
- pre-requisite for using `{{gh-markdown-editor}}` inside a Koenig card
- adds `enablePreview`, `enableSideBySide`, and `enableHemingway` params that can be set to `false` to disable the related toolbar buttons and shortcuts
This commit is contained in:
Kevin Ansfield 2018-04-19 12:39:02 +01:00
parent a0f33bad06
commit 4438a33a64
1 changed files with 48 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
ghost/admin/app/components/gh-markdown-editor.js
View File

@ -31,6 +31,10 @@ export default Component.extend(ShortcutsMixin, {
showMarkdownHelp: false,
uploadedImageUrls: null,
enableSideBySide: true,
enablePreview: true,
enableHemingway: true,
shortcuts: null,
// Private
@ -136,11 +140,31 @@ export default Component.extend(ShortcutsMixin, {
status: ['words']
};
if (this.get('settings.unsplash.isActive')) {
let image = defaultOptions.toolbar.findBy('name', 'image');
let index = defaultOptions.toolbar.indexOf(image) + 1;
let toolbar = defaultOptions.toolbar;
defaultOptions.toolbar.splice(index, 0, {
if (!this.get('enableSideBySide')) {
let sideBySide = toolbar.findBy('name', 'side-by-side');
let index = toolbar.indexOf(sideBySide);
toolbar.splice(index, 1);
}
if (!this.get('enablePreview')) {
let preview = toolbar.findBy('name', 'preview');
let index = toolbar.indexOf(preview);
toolbar.splice(index, 1);
}
if (!this.get('enableHemingway')) {
let hemingway = toolbar.findBy('name', 'hemingway');
let index = toolbar.indexOf(hemingway);
toolbar.splice(index, 1);
}
if (this.get('settings.unsplash.isActive')) {
let image = toolbar.findBy('name', 'image');
let index = toolbar.indexOf(image) + 1;
toolbar.splice(index, 0, {
name: 'unsplash',
action: () => {
this.send('toggleUnsplash');
@ -150,6 +174,15 @@ export default Component.extend(ShortcutsMixin, {
});
}
let lastItem = null;
toolbar.forEach((item, index) => {
if (item === '|' && item === lastItem) {
toolbar[index] = null;
}
lastItem = item;
});
defaultOptions.toolbar = toolbar.filter(Boolean);
return assign(defaultOptions, options);
}),
@ -158,10 +191,18 @@ export default Component.extend(ShortcutsMixin, {
let shortcuts = {};
shortcuts[`${ctrlOrCmd}+shift+i`] = {action: 'openImageFileDialog'};
shortcuts['ctrl+alt+r'] = {action: 'togglePreview'};
shortcuts['ctrl+alt+p'] = {action: 'toggleSplitScreen'};
shortcuts['ctrl+alt+s'] = {action: 'toggleSpellcheck'};
if (this.get('enablePreview')) {
shortcuts['ctrl+alt+r'] = {action: 'togglePreview'};
}
if (this.get('enableSideBySide')) {
shortcuts['ctrl+alt+p'] = {action: 'toggleSplitScreen'};
}
if (this.get('enableHemingway')) {
shortcuts['ctrl+alt+h'] = {action: 'toggleHemingway'};
}
this.shortcuts = shortcuts;
},