MDN Shortcuts

Hi,

Im pretty new with MDN and ive only recently started editing documents on the site. I was wondering if there are any shortcut keys I might want to know about.

For example, an alternative to scrolling to the top/bottom of the document in edit mode when wanting to publish;

Hi!

It would be good to document these somewhere!

Off the top of my head:

  • Ctrl + S — save page (but carry on in edit mode)
  • Ctrl + Shift + S — save page (and go back out to view mode)
  • Ctrl + 1/2/3/4/5/6 — change currently selected line (or line your cursor is currently in) to a heading (h1-h6)
  • Ctrl + B — change current selection to bold
  • Ctrl + I — change current selection to italic
  • Ctrl + U — underline current selection
  • Ctrl + O — change current selection to code font (i.e. inline code)
  • Ctrl + P — change current selection to code block (i.e. block code)
  • Ctrl + X/C/V — the usual cut/copy/paste
  • Ctrl + Shift + V — paste as plain text (useful for getting rid of rogue formatting when you’ve copied something from somewhere else)
  • Ctrl + K or Ctrl + L — change the current selection into a hyperlink

Are there any other obvious ones I’ve missed, oldschool MDN editors? (@sheppy @jswisher @fscholz @wbamberg @teoli )

It’d be good to turn this into a proper resource.

2 Likes

We have a guide to the MDN editor UI, but it doesn’t include keyboard shortcuts. There is a list of default shortcuts in the CKEditor docs. We can definitely add a list of our actual shortcuts. I suspect @sheppy is the heaviest user of them, and/or most knowledgeable about what we have defined.

1 Like

As it turns out a list of keyboard shortcuts for the MDN editor UI already exists.

Yup. I wrote that list ages ago. :slight_smile:

2 Likes

It looks like we’ve swapped the meaning of Ctrl-S and Ctrl-Shift-S since it was last updated. I’ll verify the others as well.

I see, thank you for your help.

jswisher

Janet Swisher

December 12
As it turns out a list of
keyboard shortcuts
for the MDN editor UI already exists.


Visit Topic or reply to this email to respond.


In Reply To

jswisher

Janet Swisher

December 12
We have a guide to the
MDN editor UI
, but it doesn’t include keyboard shortcuts. There is a list of
default shortcuts in the CKEditor docs
. We can definitely add a list of our actual shortcuts. I suspect
@sheppy
is the heaviest user of them, and/or most knowledgeable about what we have defined.


Visit Topic or reply to this email to respond.

To unsubscribe from these emails,
click here
.

**University of the Year for Student Experience
**The Times and Sunday Times Good University Guide 2019

2nd for Teaching Excellence

Times Higher Education UK (TEF) metrics ranking 2017 – Gold winner

5th UK Student City

QS Best Student Cities Index 2018

13th in Guardian University Guide 2019

of 121 UK institutions ranked

NOTICE

This message and any files transmitted with it is intended for the addressee only and may contain information that is confidential or privileged. Unauthorised use is strictly prohibited. If you are not the addressee, you should not read, copy, disclose or otherwise use this message, except for the purpose of delivery to the addressee.

Any views or opinions expressed within this e-mail are those of the author and do not necessarily represent those of Coventry University.

The only other significant change I found is that the editor no longer supports the H6 heading level in either the toolbar or shortcuts.

1 Like

Ah great stuff. I do wonder if it needs to be linked to in more places/exposed a bit better. When I started answering this thread I spent a fair amount of time searching for it, and could not find it for love nor money.

It’s in an article entitled “Edit box of the MDN Editor UI”, rather than “Keyboard shortcuts of MDN Editor UI”, which would be more findable. There isn’t really much to say about the edit box, other than that you edit content in it, and can use these shortcuts. I’ll take a to-do to think about changing the name, and the ripple effects on the Guide that it’s part of.

Great stuff, thanks Janet.

@jswisher Another option would be to add a page called “MDN editor keyboard shortcuts” or similar, and move the content there, then transclude it back into the original location for convenience. That way we have both. Double win!

1 Like

I moved the intro paragraph about the Edit box into the Editor UI elements, retitled what used to the “Edit box” article, and linked to it from the new Edit box section. Now the retitled Keyboard shortcuts shows up under that name in the Editor landing page, where people are slightly more likely to find it.

1 Like

I moved the page to MDN/Contribute/Editor/Keyboard_shortcuts:

Thanks folks — this is much better.

1 Like