如何添加下拉按鈕與項目清單ckeditor每晚

Question

任何人都可以幫助我添加項目列表下拉按鈕。

所以，如果我點擊該項目應該添加到實例上的光標位置的項目。

Answer 1

我一直與.net MVC這樣做，但我把我的解決方案，並將其轉化爲PHP。

editor.ui.addRichCombo('clientfields', { 
    label: 'Client Fields', 
    title: 'Client Fields', 
    multiSelect: false, 
    init: function() { 
     <?php foreach($clientField as $field) { ?> 
      this.add(<?php print $field->VarName; ?>, '<?php print $field->Name; ?>', '<?php print $field->Name; ?>'); 
     <?php } ?> 
    }, 
    panel: { 
     css : [ editor.config.contentsCss, CKEDITOR.getUrl('/Content/ckeditor/skins/moono/editor.css') ] 
    }, 
    onClick: function (value) { 
     editor.focus(); 
     editor.fire('saveSnapshot'); 
     editor.insertHtml(value); 
     editor.fire('saveSnapshot'); 
    } 
}); 

這將下拉添加到您的菜單。我也遇到了切割下拉列表標籤的問題，但將此css添加到CKEditor附帶的editor.css文件中應該可以解決這個問題。

.cke_combo__clientfields, .cke_combo__clientfields > a { 
    width: 150px; 
    margin-right: 8px; 
} 

.cke_combo__clientfields .cke_combo_inlinelabel { 
    width: 120px; 
} 

這裏的寬度可以調節到您需要爲您的下拉列表的寬度，但這應該讓你添加$現場>的VarName到你的光標在編輯和替換在編輯器中選定的文本。我對這裏的php語法並不完全確定，但它肯定會讓你指出正確的方向。