天方随笔
mind map applet
Blog » » » » »

其实想实现在blog中share mind map已经很久了。

由于我平时一直用mind manager,所以一直想把其.mmap文件放在blog上,但是由于mind manager 的文件插入网页中需要active X,而且这个插件需要3MB左右,下载时间很长,非常不利于普及。

所以我选择了Free mind作为中介。把mind manager的文件先做一份Free mind的mm文件,然后再把mm文件插入网页中。因为Free mind 是基于java的,所以很容易用Java applet来读取、显示。效果见:

http://wiki.kenbeyond.com/wikka.php?wakka=Example 

后记

今天本来想把Free mind的applet直接插入wordpress中的,但是遇到几个问题

1.在post中,Firefox下面正常显示的applet,在IE中无法显示。而脱离post,单独的这段applet代码,在两个浏览器中都可以正常显示。

<APPLET CODE=“freemind.main.FreeMindApplet.class”
ARCHIVE=“http://kenbeyond.googlepages.com/freemindbrowser.jar” WIDTH=“450″ HEIGHT=“400″>
<PARAM NAME=“type” VALUE=“application/x-java-applet;version=1.4″>
<PARAM NAME=“scriptable” VALUE=“false”>
<PARAM NAME=“modes” VALUE=“freemind.modes.browsemode.BrowseMode”>
<PARAM NAME=“browsemode_initial_map”
VALUE=“http://kenbeyond.googlepages.com/test.mm”>
<param NAME=“initial_mode” VALUE=“Browse”>
<param NAME=“selection_method” VALUE=“selection_method_direct”>
</applet>
2.用applet不太符合XHTML规范,改用如下形式代码,也还是会出错,两种浏览器的解析还是不太一样。

<!–[if !IE]–>
<object classid=“java:freemind.main.FreeMindApplet.class”
      type=“application/x-java-applet”
      archive=“http://example.com/freemind/freemindbrowser.jar”
      width=“450″ height=“300″>
   <param name=“scriptable” value=“false” />
   <param name=“modes” value=“freemind.modes.browsemode.BrowseMode” />
   <param name=“browsemode_initial_map” value=“http://example.com/freemind/Textbook.mm” />
   <param name=“initial_mode” value=“Browse” />
   <param name=“selection_method” value=“selection_method_direct” />
<!– <![endif]–>
   <object classid=“clsid:8AD9C840-044E-11D1-B3E9-00805F499D93″
         codebase=“http://java.sun.com/update/1.5.0/jinstall-1_5_0-windows-i586.cab”
         height=“300″ width=“450″>
      <param name=“code” value=“freemind.main.FreeMindApplet” />
      <param name=“archive” value=“http://example.com/freemind/freemindbrowser.jar” />
      <param name=“scriptable” value=“false” />
      <param name=“modes” value=“freemind.modes.browsemode.BrowseMode” />
      <param name=“browsemode_initial_map” value=“http://example.com/freemind/Textbook.mm” />
      <param name=“initial_mode” value=“Browse” />
      <param name=“selection_method” value=“selection_method_direct” />
      <strong>
        This browser does not have a Java Plug-in.
      </strong>
      <br />
      <a href=“http://java.sun.com/products/plugin/downloads/index.html”>
        Get the latest Java Plug-in here.
      </a>
   </object>
<!–[if !IE]>–>
</object>
<!– <![endif]–>
3。由于插入在post中,而post因为不同的模板的原因,其height和width都不太一样。我这个模板的post区域比较小。对于显示mind map不太方便。
于是在网上找了一种替代的方法,有一个Wiki可以支持Free mind的mind map,索性就装了这个wiki,然后在blog中添加一个链接,哈哈
在wiki中添加mind map有两种方式
  1. 添加mm文件的链接,如http://www.kenbeyond.com/test.mm视频演示http://wikka.jsnx.com/images/action/8b.mov
  2. 添加mm文件内容。因为mm文件是一个xml文件,所以用记事本打开后把内容粘贴到wiki编辑其中,可以自动生成mind map。视频示:http://wikka.jsnx.com/images/action/9b.mov






 

为这篇日志打一下分吧: 1 Stars2 Stars3 Stars4 Stars5 Stars

1 Votes | Average: 1 out of 51 Votes | Average: 1 out of 51 Votes | Average: 1 out of 51 Votes | Average: 1 out of 51 Votes | Average: 1 out of 5 (1 votes, average: 1 out of 5)



回复




  • Google
     
    Web blog.kenbeyond.com