ソースコードをそのままブラウザに表示する方法

ソースコードをそのまま表示したい。。

 

けれど、ソースコードをそのままブラウザーへ貼り付けると…
ソースがすべて消えてしまう。

そんな時に便利なサイトがこれ。

ソースコードをそのまま表示
真ん中の画面にソースコードを貼りつけて、
下のボタン「入力したソースを変換する」
を押せば…

下記のような画面が現れますので、

ソースコードをそのまま表示させる

こちらの白枠(赤線で囲った部分)の部分をコピーしてそのまま貼りつければ完成です。


▼使ったサイト「blog tool」
http://blogtool.flatlabs.net/source.html


こんなのめんどくさい。。

という方は、貼りつけたいコードの前と後ろに

<pre></pre>
というソースを付け足し、


「<」を「<」
「>」を「>」

に変えればOkです。


ただ、「<」を「<」、「>」を「>」に変えるのは面倒なので、
上記サイトを使ったほうが簡単です。

Tags


December 8, 2011 | No Comments/Trackbacks »|

Category:HP作成 小技

このページの先頭へ

イメージ画像