如何添加下拉按钮与项目清单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语法并不完全确定，但它肯定会让你指出正确的方向。