Feature Request html tag kbd

Desktop editors
1

In my documentation I often refer to keybord shortcuts. Using the html plugin, it is possible to do something like this:

<kbd>Control</kbd>

and paste it back into the document. The style changed! Great news. Now I want to customize the style with:

kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}

It almost works, if you are using , but of course you don’t want to do that over and over again. Is it somehow possible to make this work?

2

no edit function in the forum…
i mean If you do

<kbd style=""

it almost works

3

Hello @inktvis75

Are you referring to adding an HTML tag to the document editor?

4

Hi,
I think there are 2 possible solutions for the document editor:

  • The HTML plugin already makes adding the kbd HTML tag possible, but the styling is not working completely and is too much work. Introducing a feature to style HTML tags as part of the document style may be the most straightforward option
  • Adding an option to add a keyboard shortcut (control, escape, enter) as a symbol is another possibility

best regards,
Frederik

5

Interesting ideas. However, the problem is that XML is quite limited in reading capabilities of CSS. Have you seen any other processors or add-ins that allow inserting text into a DOCX document with predefined CCS styles?

6

First, install the html plugin, type something like Control + x, select the text, go to the HTML plugin, and modify it control + x. You can even do <kbd style="">.
It is possible: I also do it using Emacs Org and then publish it to ODT with a style sheet.

8 
<kbd>control</kbd> + <kbd>x</kbd>
<kbd style="color:blue">control</kbd>
9

In my case it is simply changing the font, which is quite expected.

Can you record a video with demonstration of the process?