question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Using <kbd> tags in a post?

See original GitHub issue

Version 4.9.4

If I type in:

<kbd>SHIFT</kbd> + <kbd>H</kbd>

I ended up with that literal text. I do have a class defined in my WordPress website for the kbd tag:

pre { color: #808080; } kbd { padding:0.1em 0.6em; border:1px solid #ccc; font-size:11px; font-family:Arial,Helvetica,sans-serif; background-color:#f7f7f7; color:#333; -moz-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; -webkit-box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; box-shadow:0 1px 0px rgba(0, 0, 0, 0.2),0 0 0 2px #ffffff inset; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; margin:0 0.1em; text-shadow:0 1px 0 #fff; line-height:1.4; white-space:nowrap; }

So how can I get my TinyMCE Editor to show keyboard shortcuts nicely?

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
ajtrucklecommented, Nov 8, 2019

When I get a free moment I will test these ideas.

0reactions
lostkeyscommented, Nov 7, 2019

I’ll close this issue, but feel free to reopen it if @lnewson’s answers didn’t work for you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML <kbd> Tag Definition, Usage and Examples - Holistic SEO
The <kbd> HTML Tag defines users' input on the content and, by default, employs the browser's monospace typeface to create a visual ...
Read more >
<kbd> HTML Tag »
The <kbd> element is used to identify text that represents user keyboard input. Text surrounded by <kbd> tags is typically displayed in the...
Read more >
HTML <kbd> Tag - GeeksforGeeks
It is a phrase tag and used to define the keyboard input. The text enclosed within <kbd> tag is typically display in the...
Read more >
Proper use of the <kbd> tag - Meta Stack Overflow
When the kbd element contains a samp element, it represents input based on system output, for example invoking a menu item. I feel...
Read more >
The kbd HTML Tag - Braydon Coyer
While the most common use-case for using this tag is to denote keyboard input, this tag can also be used for any user...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found