記事にCUIコンソール表現を挿入

Telnet 接続などの hands-on を Blogger で記録したい場合に便利な「CUI コンソール表現」の設定方法と記述方法を記す。

以下をheadタグに入れる

<!-- Command Promp -->
<style type='text/css'>
pre.cmdprompt {
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 5px;
    border: 1px solid #7A7A7A;
    background-color: #000000;
    color: #FFFFFF;

    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}
</style>
<!-- / Command Promp -->

<pre class="cmdprompt">
$ ls -lsF
$ ls -lsF
$ ls -lsF
# ls -lsF
# ls -lsF
</pre>

$ ls -lsF
$ ls -lsF
$ ls -lsF
# ls -lsF
# ls -lsF