Index > はじめてのInDesign CS3 JavaScript, テーブルの作成(adobe,indesign)
Sat, February 16, 2008

はじめてのInDesign CS3 JavaScript, テーブルの作成(adobe,indesign)

このページは[移動(表組の生成その1)]しました。

マニュアル制作にInDesignを使うと必ずテーブルが出てきます。
スクリプトを使ったテーブルの扱いは、一般的にいってかなり面倒ですが、 プログラマでない人たちは、テーブルというとエクセルなどで簡単に作れるから・・・ (Scriptでも大した大変じゃないでしょ)くらいに考えているらしく、 苦労が報われにくいので、避けてきたのだが、いよいよ挑戦。

InDesignのドキュメントでは、HTMLのテーブル記述がそのまま取り込めるとか、 XMLで構築したテーブル記述をconvertElementToTable()メソッドを使って、 テーブル化する例が載っているのだが、 素直に、0からJavaScriptでテーブルを生成する例が見つからなかった。

ネットなどで情報を収集しつつできたコード。

テーブルを生成するJavaScript

5x5のテーブルを生成します。 結果はこちら(pdf)
ページサイズを計算して、ちょうどぴったり収まるように 各セルの大きさを計算しています。

myFirstTable.jsx

//  my first table 

init();

function init(){
    // 
    var myDoc=app.documents.add();
    var myPage=myDoc.pages.item(0);
    var myTextFrame=myPage.textFrames.add();

    var myBounds = myGetBounds(myDoc,myPage);
    myTextFrame.geometricBounds=myBounds;

    // create a table(5x5) object in the textframe
    var myTable=myTextFrame.tables.add();
    myTable.columnCount = 5;
    myTable.bodyRowCount = 5;

    // calc table cell size
    var gap=1;
    var w=myBounds[3]-myBounds[1]-gap;
    var h=myBounds[2]-myBounds[0]-gap;
    var cellW=w/myTable.columnCount;
    var cellH=h/myTable.bodyRowCount;

    // set up size to cells
    for(var i=0; i<myTable.bodyRowCount; i++){
        var myRow=myTable.rows.item(i);
        for(var j=0; j<myTable.columnCount; j++){
            var myCell=myRow.cells.item(j);
            myCell.width=cellW;
            myCell.height=cellH;
            myCell.contents="hoge ("+i+","+j+")";
        }
    }
}

function myGetBounds(myDoc, myPage){
    with(myDoc.documentPreferences){
        var myPageHeight = pageHeight;
        var myPageWidth = pageWidth;
    }
    with(myPage.marginPreferences){
        var myTop = top;
        var myLeft = left;
        var myRight = right;
        var myBottom = bottom;
    }
    myRight = myPageWidth - myRight;
    myBottom = myPageHeight- myBottom;
    return [myTop, myLeft, myBottom, myRight];
}

使い方

InDesign CS3をインストールしたフォルダ以下に、配置します。

./Adobe InDesign CS3/Scripts/Scripts Panel/myFirstTable.jsx

あとは、InDesignCS3を起動して、 メニューから[ウインドウ→自動化→スクリプト]でスクリプトウインドウが出てきて、 myFirstTable.jsxをリストの一覧から選んでダブルクリックで実行。

 Twitter
follow me on Twitter
 Categories