Using <kbd> tags in a post?
See original GitHub issueVersion 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:
- Created 4 years ago
- Comments:5 (3 by maintainers)

Top Related StackOverflow Question
When I get a free moment I will test these ideas.
I’ll close this issue, but feel free to reopen it if @lnewson’s answers didn’t work for you.