Uploaded image for project: 'Confluence Data Center'
  1. Confluence Data Center
  2. CONFSERVER-97031

Add function to insert symbols representing keystrokes / key presses

XMLWordPrintable

    • We collect Confluence feedback from various sources, and we evaluate what we've collected when planning our product roadmap. To understand how this piece of feedback will be reviewed, see our Implementation of New Features Policy.

      When writing articles that instruct readers to perform keypresses (e.g. Alt + Ctlr +Del), there is not way to natively insert symbols to represent keypresses.

      This is asked with:

      Such a function would be very useful. The style could be the same used to show Confluence shortcuts.

      The resulting rendered text for the symbols should be wrapped in a <kbd> html tag.

            [CONFSERVER-97031] Add function to insert symbols representing keystrokes / key presses

            dellagustin.sap added a comment -

            Moderator, please add this to the list of bullets where this question was asked: https://community.atlassian.com/t5/Confluence-questions/How-do-you-show-the-Keyboard-symbols-on-my-own-confluence-pages/qaq-p/168981

            dellagustin.sap added a comment - Moderator, please add this to the list of bullets where this question was asked: https://community.atlassian.com/t5/Confluence-questions/How-do-you-show-the-Keyboard-symbols-on-my-own-confluence-pages/qaq-p/168981

            dellagustin.sap added a comment -

            I can't edit the description of this issue.
            Moderator, please update the description and change the second bullet to https://community.atlassian.com/t5/Confluence-questions/Inserting-a-symbol-to-show-required-key-presses/qaq-p/1425716, I pasted an internal link by mistake.

            dellagustin.sap added a comment - I can't edit the description of this issue. Moderator, please update the description and change the second bullet to https://community.atlassian.com/t5/Confluence-questions/Inserting-a-symbol-to-show-required-key-presses/qaq-p/1425716 , I pasted an internal link by mistake.

            dellagustin.sap added a comment -

            As a workaround, one can use monospaced text and adjust it by changing the CSS style. For instance, I tested it with the CSS Stylesheet macro (3rd party plugin) and the following CSS style:

            code {
 background-color: lightgrey;
    padding: 2px 8px;
    border-radius: 6px;
}

            dellagustin.sap added a comment - As a workaround, one can use monospaced text and adjust it by changing the CSS style. For instance, I tested it with the CSS Stylesheet macro (3rd party plugin) and the following CSS style: code { background-color: lightgrey; padding: 2px 8px; border-radius: 6px; }
            dellagustin.sap created issue -

              Unassigned Unassigned
              9269a356123f dellagustin.sap
              Votes:
              1 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: