在 Google 找了一下, 我們可以找到一個 TinyMCE 的 plugin: g2image, 透過這個 plugin, 可以讓 TinyMCE 搭配 WordPress 有一個直接選取 Gallery2 相片的功能. 而我們是使用 LifeType, 是否也能用呢?

看了一下這個軟體的說明, 並非只能在 WordPress 中使用, 應該只要 TinyMCE 能用, 這個軟體就可以使用. 二話不說, 先抓回來裝看看. 在做一些簡單的修改之後, 果然可以搭配使用, 方便了不少.

首先是修改 tinymce 的 tinymce-plog.js 檔案, 在 plugins 的設定加上 g2image, 然後在 theme_advanced_buttons2 中, 自己找個位置加上 g2image.

然後把下載的檔案中的 g2image 目錄, 搬到 tinymce 的 plugins 目錄中.

接著, 修改 g2image 目錄中的  config.php, 修改下列的設定:

# 設定使用中文
$g2ic_language = 'zh_TW';

# gallery2 安裝的路徑
$g2ic_gallery2_path = '/usr/share/gallery2/';

# 後面這兩個設定是原本沒有的, 為了配合 LifeType 加上的
# gallery2 的 URL, 注意一定要有 http, 且, 後頭要有 / 字元.
$g2ic_gallery2_url = 'http://gallery.teatime.com.tw/';

# 你的 LifeType 的路徑, 
# 如果 URL 是 http://blog.teatime.com.tw/ 就是用 /
# 如果 URL 是 http://www.teatime.com.tw/blog/ 就是用 /blog/
$g2ic_gallery2_embed_uri = '/';

然後把 g2image 目錄下的 init.php 先改成 init.old.php, 再把下頭的程式存成 init.php:

<?php
//  Initialization File for Gallery 2 Image Chooser for TinyMCE
//  Version 2.0
//  By Kirk Steffensen - http://g2image.steffensenfamily.com/ -
//  Released under the GPL version 2.
//  A copy of the license is in the root folder of this plugin.

// ====( Initialize Variables )=================================
$g2ic_current_page = 1;
$g2ic_rel_path = '/';
$g2ic_embedded_mode = FALSE;
$g2ic_wpg2_valid = FALSE;
$g2ic_dirs = null;
$g2ic_wp_rel_path = '';
$g2ic_base_path = str_repeat("../", substr_count(dirname($_SERVER['PHP_SELF']), "/"));
if(isset($_SESSION['g2ic_last_album_visited'])) {
        $g2ic_last_album = $_SESSION['g2ic_last_album_visited'];
}
else {
        $g2ic_last_album = '/';
}

// ==============================================================
// Native embedded mode
// ==============================================================

// Else use the native Gallery2 functions
if (!$g2ic_embedded_mode){
        if(file_exists($g2ic_gallery2_path.'embed.php')) {
                $g2ic_option['gallery2_url'] = $g2ic_gallery2_url;
                $g2ic_option['embedUri'] = $g2ic_gallery2_embed_uri;
                require_once($g2ic_gallery2_path.'embed.php');
                g2ic_init($g2ic_option,$g2ic_embedded_mode);
        }
        // Else die on a fatal error
        else {
                print g2ic_make_html_header();
                print $g2ic_lang['g2_embedded_error'];
                print "</body>\n\n";
                print "</html>";
                die;
        }
}

//---------------------------------------------------------------------
//      Function:       g2ic_init
//      Parameters:     $option,$embedded_mode
//      Returns:        None
//      Purpose:        Initialize the emedded functions of Gallery2.
//      Notes:          Exit on Fatal
//---------------------------------------------------------------------

function g2ic_init($option,$embedded_mode) {

        // Initialise GalleryAPI
        $ret = GalleryEmbed::init( array(
                'g2Uri' => $option['gallery2_url'],
                'embedUri' => $option['embedUri'],
                'fullInit' => true)
        );
        if ($ret) {
                print g2ic_make_html_header();
                print '{$lang_g2image_g2_fatal_error}' .$ret->getAsHtml() . "\n";
                print "</body>\n\n";
                print "</html>";
                die;
        }

        return;
}
?>

這樣子就應該可以在 TinyMCE 中使用 g2image 來選擇你要顯示的照片了. 另外, 原本的中文檔案有兩個小問題, 如果你要使用中文, 可以把 g2image 目錄下的 langs/zh_TW.php 改成下列這個樣子:

<?php
  
// Traditional Chinese lang variables - Version 2.0
  
$g2ic_lang = array(
'about' => '關於 G2Image',
'alignment_class' => '對齊級別：',
'alignment_legend' => '對齊級別（CSS必需支援 g2image classes 級別才能發生效用）>：',
'click_advanced' => '開啟進階設定選單',
'click_image' => '在圖像上按滑鼠會出現圖像選項。',
'click_one_click' => '使用預設方式插入',
'click_options' => '在圖像上按滑鼠鍵的動作：',
'current_album' => '目前相簿：',
'custom_url' => '自定網址：',
'description' => '描述：',
'description_legend' => '圖像或文字鏈接的替代文字說明：',
'display_legend' => '顯示選項',
'drupal_g2_filter' => 'Drupal Gallery2 過濾器',
'empty_album' => '這個相簿中沒有照片。<br /><br />'.
                 '請在上面的導覽選項中另選一個相簿。',
'filename' => '檔名：',
'filenames' => '檔名：',
'g2_directory_error' => '無法打開 Gallery2 資料目錄。 :-(',
'g2_embedded_error' => '<h2>嚴重 Gallery2 錯誤：</h2><br />'.
                       '無法啟動 Gallery2 內>嵌功能。<br />'.
                       '請為 WordPress 安裝 WPG2 外掛模組（位於 http://wpg2.ozgreg.com/）<br />'.
                       '或確認你的 config.php 中的 Gallery2 路徑。',
'g2_entities_by_id_error' => '<h2>嚴重 Gallery2 錯誤：</h2><br />'.
                             '無法取得這個 Gallery2 ID 的圖像資訊。<br />'.
                             'G2 傳回的錯誤：',
'g2_fatal_error' => '<h2>嚴重 Gallery2 錯誤：</h2><br />'.
                    'G2 傳回的錯誤：',
'g2_id_by_path_error' => '<h2>嚴重 Gallery2 錯誤：</h2><br />'.
                         '無法取得要求路徑的 Gallery2 ID。<br />'.
                         'G2 傳回的錯誤：',
'g2_id_not_found_error' => '<h2>嚴重 Gallery2 錯誤：</h2><br />'.
                           '無法取得這個檔案>的 Gallery2 ID。<br />'.
                           'G2 傳回的錯誤：',
'g2_image_title' => 'Gallery2 主題：',
'go' => '前往',
'how_insert' => '插入方式：',
'image_title' => 'Title: ',
'img_float_left' => '浮動對左',
'img_float_right' => '浮動對右',
'img_centered' => '對中',
'img_none' => '無',
'img_normal' => '正常',
'insert' => '插入',
'insert_legend' => '按下按鈕以插入圖像：',
'last_modification_new' => '上次更新日期（最新的在前）',
'last_modification_old' => '上次更新日期（最舊的在前）',
'link_album' => '指到上層相簿的文字鏈接',
'link_image' => '指到圖像的文字鏈接',
'name_a_to_z' => '檔案名稱（A-z）',
'name_z_to_a' => '檔案名稱（z-A）',
'page' => '頁數：',
'page_navigation' => '頁面導覽：',
'photo_albums' => '相簿',
'redraw' => '重新顯示',
'sort_error' => '排序方式錯誤',
'sorted_by' => '排序方式：',
'subalbums' => '子相簿：',
'thumbnails' => '縮略圖',
'thumbnail_album' => '指到上層相簿的縮略圖',
'thumbnail_custom_url' => '指到自定網址（在下列文字框中）的縮略圖',
'thumbnail_image' => '指到圖像的縮略圖',
'thumbnail_only' => '只顯示縮略圖：不含鏈接',
'thumbnails_per_page' => '每頁項數：',
'title' => '選取 Gallery 2 圖像',
'title_a_to_z' => 'Gallery 2 主題（A-z）',
'title_z_to_a' => 'Gallery 2 主題（z-A）',
'url' => '網址：',
'wpg2_album_legend' => '插入目前相簿的 WPG2 標籤：',
'wpg2_configuration_error' => '組態設定錯誤：<br />'.
                              'WPG2 已用，可是並未通過驗証手續。<br />'.
                              '請在 WordPress 管理面板中設定並驗証 WPG2。<br />'.
                              '說明可在 http://www.ozgreg.com 網站中找到。',
'wpg2_link_album' => '指到上層相簿的文字鏈接（HTML）',
'wpg2_link_image' => '指到圖像的文字鏈接（HTML）',
'wpg2_tag_image' => '圖像的 WPG2 標籤',
'wpg2_thumbnail_album' => '指到上層相簿的縮略圖（HTML）',
'wpg2_thumbnail_custom_url' => '指到自定網址（在下列文字框中）的縮略圖（HTML）',
'wpg2_thumbnail_image' => '指到圖像的縮略圖（HTML）',
'wpg2_thumbnail_only' => '只顯示縮略圖：不含鏈接（HTML）')
?>  

注意: 我的修改適用下列的版本:

• G2Image 2.0RC2 或之後的版本
• Gallery 2.1 RC1 或之後版本
• LifeType 1.0.3
• TinyMCE 2.0.1

我的環境是使用 rewrite 的簡短路徑功能, 不確定是否別的環境也適用, 不過應該是可以用才對.

選取相片的顯示就類似下面這個樣子:

不錯, 我兒子很可愛吧! 

我不確定 1.1 的時候, 我有沒有改到這部份 (印象中是有, 因為目前用的 TinyMCE 2.0.6 與之前用的 2.0.2 (or 2.0.1?) 之間, plugins 的寫法有些不同). 我打包了我目前用的版本放這兒, 有需要的抓回去放在 TinyMCE 的 plugins 目錄下頭, 設定一下 config.php 就應該可以用了.

http://www.teatime.com.tw/~tommy/files/lifetype/tinymce_g2image.tgz