独自の機能を追加する
HTML、JavaScript、CSS パネル内
Plugin Playground のサンプル プラグインで[Edit]をクリックすると、HTML、JavaScript (JS)、および CSS のパネルが表示されます。HTML パネル(左)では、プラグインのユーザ インタフェースを修正できます。JS パネル(中央)では、JavaScript による FormIt プラグインの API を使用して FormIt に意図を伝える関数を作成できます。最後に、CSS パネル(右)で HTML のスタイルを決定します。
円柱を作成するための関数を追加する
このプラグインに、円柱を作成する機能を追加します。
まず、HTML パネルで入力フィールドと UI ボタンを構成します。次のコードをコピーして、23 行目と <!-- Do not remove below scripts unless you know what you're doing- - > の間に貼り付けます。
これにより、プラグインに基本的な UI 要素が追加されます。
次に、JS パネルで 2 つの関数を追加します。次のコードをコピーして、ファイルの最後(16 行目の後)に貼り付けます。
これにより、FormIt のワークスペースに円柱が作成されます。
実行してプレビューする
FormIt プラグインの API
FormIt プラグインの API に関する詳細なドキュメントについては、「便利なリンク」セクションを参照してください。
Last updated