アイテムのリストでドロップダウンボタンを追加するのを手伝ってくれる人はいますか?
そのため、アイテムをクリックすると、そのアイテムがインスタンスのカーソル位置に追加されます。
私はこれを .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;
}
ここの幅は、ドロップダウンに必要な幅に調整できますが、これにより、$field->VarName をエディター内のカーソルがある場所に追加し、エディター内の選択したテキストを置き換えることができます。ここでのphp構文については完全にはわかりませんが、間違いなく正しい方向に向けられるはずです。