ckeditor如何使用對話框中的按鈕動態添加文本字段

Question

我正在使用ckeditor 4.x。我正在使用對話框創建一個小部件。我使用一些文本輸入字段在對話框中創建表單。我想在對話框中添加一個按鈕（例如新的字段）來動態添加新的輸入文本字段。

Answer 1

我使用這樣的用於此目的：

 CKEDITOR.on('dialogDefinition', function(ev) { 
     var onSelectCb = function(url) { 
      var fieldlName; 

      if (ev.data.name === 'link') { 
      fieldlName = 'url'; 
      } else if (ev.data.name === 'image') { 
      fieldlName = 'txtUrl'; 
      } else if (ev.data.name === 'flash') { 
      fieldlName = 'src'; 
      } 

      CKEDITOR.dialog.getCurrent().setValueOf('info', fieldlName, url); 
     }; 

     if (['link', 'image', 'flash'].indexOf(ev.data.name) !== -1) { 
      ev.data.definition.getContents('info').get('urlOptions').children.push({ 
      type: 'hbox', 
      children: [{ 
       type: 'button', 
       id: 'browseQpSite', 
       label: 'Просмотр библиотеки сайта', 
       onClick: onBrowseSiteLibrary.call(onSelectCb) 
      }, 
      { 
       type: 'button', 
       id: 'browseQpContent', 
       label: 'Просмотр библиотеки контента', 
       onClick: onBrowseContentLibrary.call(onSelectCb) 
      }] 
      }); 
     } 
     }); 

     CKEDITOR.replace(self._editorElem.id, getCkEditorConfig(self)); 
    } 

此代碼添加兩個按鈕自定義onclick處理