プラグイン内でループ処理

前提・実現したいこと

JSで作られたプラグインを編集したいのですが、
下記をループ処理することは可能でしょうか？


ed.addButton('insert_template', {
        // text : ボタンの表示名
        text: 'テンプレートの挿入',
        // type: 'menubutton'にすると、プルダウンのようなメニューボタンを作成することができます。
        type: 'menubutton',
        menu: [
         //ここからループしたい          
         {...}
　　　　　//ここまでループしたい
        ]

該当のソースコード

Javascript
1(function() {
2  tinymce.create('tinymce.plugins.original_tinymce_button', {
3    init: function(ed, url) {
4      ed.addButton('insert_template', {
5        // text : ボタンの表示名
6        text: 'テンプレートの挿入',
7        // type: 'menubutton'にすると、プルダウンのようなメニューボタンを作成することができます。
8        type: 'menubutton',
9        menu: [
10          {
11            text: 'ボックス',
12            menu: [
13              {
14                text: 'デフォルト',
15                onclick: function() {
16                  // insertContentでカーソルのある位置に要素を追加します
17                  ed.insertContent('<div class="box"><h3>見出し</h3><p>テキスト</p></div>');
18                }
19              },{
20                text: 'コラム',
21                onclick: function() {
22                  ed.insertContent('<div class="box box-clm"><h3>見出し</h3><p>テキスト</p></div>');
23                }
24              }
25              ]
26          }, {
27            text: 'ダウンロードボタン',
28            onclick: function() {
29              ed.insertContent('<p class="btn-dl><a href="dummy">ダウンロード</a></p>');
30            }
31          }
32        ]
33      });
34    },
35    createControl : function(n, cm) {
36      return null;
37    },
38  });
39  tinymce.PluginManager.add('original_tinymce_button_plugin', tinymce.plugins.original_tinymce_button);
40})();

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

menu に指定されている値は単なるオブジェクトが入った配列なので

var menuValue = [
              {
                text: 'デフォルト',
                onclick: function() {
                  // insertContentでカーソルのある位置に要素を追加します
                  ed.insertContent('<div class="box"><h3>見出し</h3><p>テキスト</p></div>');
                }
              },{
                text: 'コラム',
                onclick: function() {
                  ed.insertContent('<div class="box box-clm"><h3>見出し</h3><p>テキスト</p></div>');
                }
              }
              ]

(function() {
略
        type: 'menubutton',
        menu: [
          {
            text: 'ボックス',
            menu: menuValue,

こんな感じで書いて動くのではないでしょうか？
そうすると、menuValueの内部をループで書いて動かすのは簡単だと思います。

投稿2020/08/04 15:34