« .htaccessによる旧URLのリダイレクト方法 | Kazuの挑戦日記TOP | 古いURLファイルの一括削除 »

Quickcodeを使ってエントリにソースコードを表示

HTMLなどのソースをそのまま引用してブログに貼り付けて再構築するとエライことになりますどくろ
なぜかというと、当たり前ですが、HTMLコードとしてブラウザが認識して、それらを解釈して表示しようとするからです。<table>タグなんか使った瞬間、ブログの画面はボコボコになってしまいます。

それでもソースコードを書きたい場合、じゃあどうするかっていうと、普通は

< = &lt;
> = &gt;
" = &quot

のように、いちいち書き直してやらなければならず、エライ大変です。
高機能なエディタを使ってればマクロ機能なんかで一気に置換できるかもですが、本当はHTMLとして認識させたい部分も置換されてしまったり、なんだか訳分からんことになりがちです。汗

じゃあ、どうすんのさ!?
ありました。QuickCodeというシロモノです。
Xoopsではお馴染みですね。
MTでもプラグインを導入すればQuickcodeが使えるようになります。
本家サイトは→こちら

→ダウンロード

インストールは単純にmtのプラグインのディレクトリ『plugins』にFTPツールで放り込めばいいだけです。
確認としては、新規エントリ画面を開いて下のほうに行くと、『改行設定』のプルダウンで『QuickCode』を選択してやればOK。(下の画像参照)
quickcode.jpg

エントリ入力時に、ソースコードを書きたい場合は
[code]と[/code]でソースを括ればOKです。biggrin

例)

<table>
<tr><td>1</td><td>取り付け</td><td>19</td></tr>
<tr><td>2</td><td>etc</td><td>15</td></tr>
<tr><td>3</td><td>googlesitemaps</td><td>13</td></tr>
<tr><td>4</td><td>etc取り付け</td><td>9</td></tr>
<tr><td>5</td><td>coolpix5600</td><td>9</td></tr>
<tr><td>6</td><td>movabletype</td><td>9</td></tr>
<tr><td>7</td><td>インプレッサ</td><td>9</td></tr>
</table>

コピペ用リンク

このエントリーのトラックバックURL:


このエントリーへのリンクURLを含むHTML:

同じカテゴリの記事

トラックバック

Something good from Something good
Something good - Something goodThis is some kind of excerpt from blog

コメント (4)

たねちゃん's website

お!?こんばんわぁ(笑)

これは、良いプラグインですね!ちょと頂いて行きます(笑)
このコメントはTypeKey使って書いてみたけど、どぉなるかな?
それと、Movable Type 3.3の導入マダ~!?(笑)


kazu's website

おこんち(^.^)/
実はQuickcodeは[code]と[/code]の間で部分的に色を変えたいってときにできないので、実は改良テキストフィルターっていうプラグインを使ってます(^^ゞ
→http://www.h-fj.com/blog/archives/2005/08/28-160725.php

TypeKeyばっちりですね!
実は自分のは人のマークのリンクをクリックしてもページが見つかりませんってなって、SixApartに問い合わせたら、「TypeKeyはアメリカのサービスなので分からないのでアカウントを作成しなおしてください」って言われてしまった。。

MT3.3は今日書いた別エントリのとおり、困ったことになってまして。。(@_@;)


たねちゃん's website

うにょ~ヽ(´▽`)ノ

壱さんのプラグインの方が使い勝手良さそうね!
さらに頂戴致しますわぁ!情報ありりんちょ!(笑)

そぉ言えば、前コメント書いた時に下の返信があったらメールで
通知するにチェック入れたんだけど、メール来まへんなぁ…


あれ~?
通知メール、自分でも試したら来なかったヽ(`△´)/
設置したときに試したら来たのにおかしい、ということで再度設置し直して、試験済みなのでお試しちょ!(笑)


コメントを投稿



RSS

Add to goo
Add to google

はてなRSS
feedpath
Subscribe in Bloglines
Subscribe with livedoor Reader




Tag cloud

お勧め!