編集対象のテンプレートを指定してFlexを利用します。
■ 識別コード / 名称 / URL / Flex スクリプト の中から指定方法を選択してください。
新規作成
ページサイズ:
識別コード
※テンプレートプロバイダーのテンプレート(カセットは対象外)
テンプレート名
※テンプレートプロバイダーのテンプレート(カセットは対象外)
ダウンロードURL
※通常のアプリからの呼び出し時はこれを利用
Flex スクリプト
page name ページ1 size width 210 height 297 parts rect logic mode ex label rect1 param x 10 y 10 width 190 height 20 fill #EF845C stroke red text logic mode ex label 氏名 param x 105 y 20 __extra__ 名前無し image logic mode ex label 画像 param x 105 y 150 width 120 height 120 image http://edition-demo.reso.co.jp/flexsample.jpg group logic label プライス mode etducrxszp transform translateX 105 translateY 230 param referencePoint center-center children text logic label 金額 mode etdcrxszp transform translateX 111.55410000000002 translateY 48.150000000000006 param __extra__ 999 kerning 0 outlineWidth 2 height 10.0 shadowOffsetX 1 maxWidth 100 outline2Width 0 width 10.0 letterExtension 100 label 金額 align right outline #231815 widthAdjust 1 shadowOffsetY 1 referencePoint upper-right font FOT-スーラ Pro EB shadow #DCDDDD ordinal 2 x 0.0 kerningPair 1 color #FFFFFF y 0.0 outlineJoin round size 60 text logic label 商品 mode etdcrxszp transform translateX 68.99940000000001 translateY 61.25 param __extra__ ○○ outlineWidth 1.5 height 10.0 shadowOffsetX 1 maxWidth 30 outline2Width 0 width 10.0 letterExtension 100 label 商品 align right outline #231815 widthAdjust 1 shadowOffsetY 1 referencePoint upper-right font FOT-スーラ Pro EB shadow #C9CACA ordinal 1 x 0.0 kerningPair 1 color #FFFFFF y 0.0 outlineJoin round size 25 text logic label 単位 mode etdcrxszp transform translateX 110.90420000000002 translateY 63.25 param __extra__ 円 outlineWidth 1.5 height 10.0 shadowOffsetX 1 maxWidth 15 outline2Width 0 width 10.0 letterExtension 100 label 単位 align left outline #231815 widthAdjust 1 shadowOffsetY 1 referencePoint upper-left font FOT-スーラ Pro EB shadow #C9CACA ordinal 3 x 0.0 kerningPair 1 color #FFFFFF y 0.0 outlineJoin round size 20
認証情報など詳細指定
■ Flex認証情報
relayUserId
flexアカウント
dtime
有効期限付き、パスコード生成日時
clientId
日時に対するパスコード
デモアカウントでは有効期限を無期限にしています
※flexの認証の条件は、ユーザIDと、dtime と client の一致です。
dtime は有効期限が設定されている場合には、有効期限を超えては利用できません。
clientIdは、共通鍵(隠し鍵)と、dtimeから計算された値です。
■ 外部連携
flex3dURL
flex3dURL
annotationManagerURL
annotationManagerURL
■ 素材・カセット基準パス
editorMaterialBasePath
素材基準パス
editorCassetteBasePath
カセット基準パス
editorTemplateBasePath
テンプレート基準パス
layoutId
layoutId
■ 呼び出し画面
prepareName
呼び出し画面名(無指定の場合は編集処理を行います)
■ 編集中保存通知
pageSaveURL
通知URL(ページデータを送ります pageSaveModeが"svg","lla"の時のみ)
pageSaveMode
ページ保存方法("svg" or "lla" or "template" or "document" or "cassette")
pageSaveTrackingId
ページ保存時の保存先(上書き)trackingId(無指定で新規保存)
■ 編集後保存
savedAtEnd
編集後に保存
編集後にプロバイダにドキュメントを保存して、trackingIdを返す
cleanup
保存後に編集用一時ドキュメント削除
編集後の保存の後自動でremove
■ 編集後の戻り先
resultName
カスタム結果画面名(無指定の場合はFlex標準)
returnURL
戻り先URL
errorURL
エラー時URL
■ 差し込みデータ
injectionData
{"氏名":"レゾロジック"}
■ TRACE通知URL
traceNoticeURL
■ 編集スクリプト
editScript
戻り:
HTML
TEXT
※ EditScript のエラーメッセージを見たい場合は、"TEXT"を選択してください。編集画面が表示されれば正常です。
if(true) return; // サンプルを実行するにはこの行をカットしてください env.debug = true; // エラーを表示するにはtrueにします。 if(env.debug) { println "println を使うと標準出力に出力します。"; println env; println "printf を使ってもスクリプトが正常終了すると編集画面が表示されますので、適当なところでわざとエラーを起こさせるとエラーが表示されます。"; assert(false); //エラーを起こさせる } //ページごとの分岐 switch(page.no) { case 0: copyPage(1); addPage("新規ページ追加", 100, 100); addPage("A4横", 297, 210); break; case 1: //ページ名の変更 page.name = "オモテ面" fpage1() break case 2: //ページ名の変更 page.name = "ウラ面" fpage2() break case 3: page.delete = true break } /* * 以下関数定義 */ // 1ページ目用の処理 public fpage1() { //ページ2の処理への値の受け渡し env.today = new Date() getPartsByLabel("氏名").param.text += " Edition Flex ${format.date(env.today, "yyyy/MM/dd")}(${format.jWeek(env.today)})" } //2ページ目用の処理 public fpage2() { //2つ目の矩形パーツを削除 deletePartsByLabel("rect1", 2) //1つ目の矩形パーツを選択 def p1 = getPartsByLabel("rect1", 1) //矩形パーツを変更 p1.logic.mode = "exd" p1.logic.label = "矩形です" p1.param.fill = "#84EF5C" p1.param.stroke = "#0000FF" p1.param.rx = p1.param.ry = 5 //テキストパーツを選択 def p2 = getPartsByLabel("氏名") //テキストパーツを変更 p2.transform.translateX -= 30 def p2p = p2.param p2p.text = " Edition Flex ${format.date(env.today, "yyyy/MM/dd")}(${format.jWeek(env.today)})" p2p.color = "blue" //図形パーツを回転 getPartsByLabel("画像").transform.rotate = 45 //ページ中央に円パーツを追加 def p = addParts("円") p.param.r = 50 p.param.cx = page.size.width / 2.0 p.param.cy = page.size.height / 2.0 p.param.fill = "#FF00FF" //ページに左余白を設定 page.size.marginLeft = 20 }
■ editor.laml
editorLaml
エディタ
SVG版
編集画面あり
差し込みのみ
編集画面なし
編集用途
ユーザ(テンプレートを編集してドキュメントを作る人)
機能を制限されたユーザ
デザイナー(テンプレートを作る人)
強制編集
編集中でも編集開始
マルチ編集モード
一つのセッションで複数の編集画面を開く
戻る