tag:support.markedapp.com,2011-09-11:/discussions/questions/8554-rendering-keyboard-keysMarked: Discussion 2016-08-11T03:15:41Ztag:support.markedapp.com,2011-09-11:Comment/378872182015-09-09T21:05:46Z2015-09-09T21:05:46ZRendering keyboard keys<div><p>Add this to the Style -> Additional CSS field:</p>
<pre>
<code>kbd {
background: #fff;
border: 1px solid #ddd;
padding: 2px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
color: #222222; }</code>
</pre>
<p>That's what Cheaters uses, but ported to a
<code><kbd></code> tag. Feel free to experiment. If you want
to apply it to all inline code (single backtick), change the
selector to <code>kbd, code</code>.</p></div>Bretttag:support.markedapp.com,2011-09-11:Comment/378872182015-09-10T18:32:50Z2015-09-10T18:32:51ZRendering keyboard keys<div><p>Thank you, that works perfectly in Marked!<br>
Slightly offtopic maybe, but is it possible to have Cheaters render
"kbd" or "code" tag in MD files properly?<br>
Now i can see that only html files render "kbd" or "code" tag in
Cheaters. But I prefer to create and save my cheatsheets in MD
files since they are so much easier to create and edit and right
now MD files in Cheaters just render those four "x" commands to
keyboard glyphs. It would be great if i can wrap any symbol in
"kbd" or "code" tag in MD file.</p></div>Ruslantag:support.markedapp.com,2011-09-11:Comment/378872182015-09-10T19:24:32Z2015-09-10T19:24:32ZRendering keyboard keys<div><p>You can modify the CSS file for Cheaters to use
<code>kbd</code>, but you'll need<br>
to manually insert any tags not created by the xXXX shortcuts.
Single<br>
backtick code in Markdown files should already work fine. If you
have<br>
further questions on that, you can post them at<br>
<a href="https://github.com/ttscoff/cheaters/issues">https://github.com/ttscoff/cheaters/issues</a></p>
<p>Thanks!</p>
<p>Brett</p></div>Brett