Frozenlock left a comment to an old post of mine about Marking Up Key Sequences For HTML. He said he liked the way Xah Lee and I mark up Emacs keys sequences but that he didn’t like having to write ctrl+x b to get 【Ctrl+x b】 so he wrote a little hack that allows him to enter the actual key strokes and have the appropriate markup inserted at the point.
It turns out to be pretty easy to do. If I were starting from scratch (or weren’t so lazy) I’d modify my prettify-key-sequence function to accept the actual keystrokes and output the markup. Frozenlock uses the macro method that I used before I wrote prettify-key-sequence so there isn’t quite as much control over the final output but it works well for most cases. If you want to use markedup key sequences, I’d look at Frozenlock’s method and consider integrating it into something like prettify-key-sequence.
Out of curiosity, why do you use
<span class="key">instead of<kbd>? (Or maybe something like<span class="keysequence"><kbd>Ctrl</kbd>+<kbd>x</kbd> […].)When I first did it I used <key>…</key> but WordPress disappeared the tags so I had to drop back to the span method, which WordPress recognizes.
Sorry, not sure I understand—did you use
kbdorkey? The latter isn’t an HTML element, so WordPress may be scrubbing it.I did use
key. I’m not really a HTML guru and didn’t know aboutkbd–I just made thekeyelement up. Perhaps I’ll experiment. Thanks for pointing that out to me.Glad I could help. I’m not a guru either; I just read too much.