Movable TypeにJavaScriptを直接記述する方法

スポンサーリンク
スポンサーリンク
ライフスタイル関連のコンテンツ
お金 | 仕事 | 勉強 | プライベート | 健康 |
プログラミング関連のコンテンツ
C言語/C++入門 | Ruby入門 | Python入門 | プログラミング全般

このブログは、Movable Type(MT)のVersion 3.34で構築しています。
バージョンアップは面倒くさいのでしていない。

スポンサーリンク

で、昨日MTの管理画面のエントリー記事投稿で、直接JavaScriptを書いて動かせないかなぁ・・
と、あれこれやっていたら方法が分かった。
いちいち、別のjsファイルを作って、読み込んで実行とか面倒くさいので。

現行の新しいバージョンなら解決されている、または以下に書いた以外に方法があるのかもしれません。

まず、試してみたのは、以下のように普通にjavascriptを書く方法。

<script type="text/javascript">
document.write("hello! world!");
</script>

これだと、javascript記述部分に、勝手にpタグやらbrタグが付加されて動かない。
そこで、preタグを用いる方法を試してみた。
preタグ内は、ソースがそのまま表示されるが、「<」や「>」、「&」は特殊文字として認識されるので、上手いこと動くのではないかと予想したから。

で、以下のようにpreタグで囲んでjavascriptを書いてみたら、動きました!

<pre>
<script type="text/javascript">
document.write("hello! world!");
</script>
</pre>

上記ソースの実行結果。


「hello! world!」がちゃんと表示されています。

ひとつ注意点としては・・・

preタグ内の改行(brタグ)を無効にする(MT・Movable Type)の記事で書いたルールを守らなければいけない。

1.preタグ内で、行を空けない。(空の行が入ったら駄目)
2.pre開始タグのすぐ上の文との間に、1行だけ空の行を作る。(2行以上、空けてはいけない。)

これを守らないと、またpタグやらbrタグが勝手に付加されて、javascript文が動かなくなる。
MTの挙動には、けっこう癖があるみたいですね。

スポンサーリンク
 
スポンサーリンク