1. FreeMind のファイルを Flash としてブログに埋め込む
FreeMind で作成したファイルを Web 上に公開したい。
FreeMind で Flash としてエクスポート
FreeMind(Version:0.9.0) には、ファイルをFlash へエクスポートする機能がある。
- メニューより、ファイル > エクスポート > Flashとして...
を選択。
ファイル名を XXXXX として保存すると、
- XXXXX.html
- XXXXX.html_files
が作成される。
Dropbox に配置
上記の 2 つを Dropbox の Public フォルダ内に配置。
- XXXXX.html を右クリック > Dropbox > パブリックリンクのコピー
ブログに iframe タグで埋め込む
ブログに埋め込むためには iframe タグを使う。
幅を目一杯広げ、高さを 300px とするなら、
<iframe src="Dropboxのパブリックリンク"
width="100%"
height="300">
</iframe>
これを HTML を編集するモードにおいて貼り付ける。
2. Flash としてエクスポートしないで、マインドマップの本体だけを Dropbox に配置する
上記の方法では、FreeMind のファイルをエクスポートする必要がある。また、マインドマップの本体以外に複数のファイルを Dropbox に配置しなければならない。
マインドマップの本体だけを Dropbox に配置し、ファイルを更新したら、ブログに埋め込んだマインドマップも更新されるようにしたい。
方法
FreeMind をFlash としてエクスポートしたとき、２つのものが生成された。
-
XXXXX.html
-
XXXXX.html_files
フォルダ XXXXX.html_files には、３つのファイルが含まれている。
-
flashobject.js
-
map.mm
-
visorFreemind.swf
この内、map.mm がマインドマップの本体。後は共通の部品なので、別のマインドマップでも共有することにした。
全体の配置は、以下の通り。
-
Dropbox のルート/Public/mindmaps/
-
freemind.html (XXXXX.html を修正したもの)
-
flashobject.js
-
visorFreemind.swf
-
マインドマップを作成したら、以下の場所に保存する。
-
Dropbox のルート/Public/mindmaps/
上記の freemind.html のパブリックリンクをコピー。
マインドマップのファイル名が
-
XXXXX.mm
である場合、ブログに埋め込むための iframe タグを以下のように書く。
<iframe src="Dropboxのパブリックリンク?XXXXX.mm"
width="100%"
height="300">
</iframe>
0コメント:
コメントを投稿