Eu também precisei um dia trabalhar com um toolbar mais reduzido e outro default,
crie um class no Javascript dessa maneira:
<script type="text/javascript">
var EditorHtml = function () {
var name;
var editorsmall;
EditorHtml.prototype.Name = function (value) {
this.name = value;
};
EditorHtml.prototype.EditorSmall = function (value) {
if (value == true || value == false) {
this.editorsmall = value;
} else {
this.editorsmall = false;
}
}
EditorHtml.prototype.Render = function (value) {
if (value != undefined) {
this.name = value;
}
if (this.editorsmall == true) {
var editor = CKEDITOR.replace(this.name, {
toolbar: 'Custom',
toolbar_Custom: [
{ name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ 'Source', '-', 'Save', 'NewPage', 'Preview', 'Print', '-', 'Templates' ] },
{ name: 'styles', items: ['Styles', 'Format'] },
{ name: 'basicstyles', items: ['Bold', 'Italic', 'Strike', '-', 'RemoveFormat'] },
{ name: 'paragraph', items: ['NumberedList', 'BulletedList', '-', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight'] },
{ name: 'links', items: ['Link', 'Unlink', 'Anchor'] },
{ name: 'insert', items: ['Image', 'Flash', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe'] },
{ name: 'tools', items: ['Maximize', '-', 'About'] }
]
});
} else {
var editor = CKEDITOR.replace(this.name);
}
CKFinder.setupCKEditor(editor, '/Content/ckeditor/ckfinder/');
};
}
</script>
Como exemplo um textarea com o nome de Texto
<textarea name="Texto" id="Texto"></textarea>
Chamando a classe dessa forma:
<script type="text/javascript">
var editor = new EditorHtml();
editor.EditorSmall(true);
editor.Render("Texto");
</script>
Todas as configurações que deseja criar um novo toolbar está no docs ckeditor, aonde está na class
EditorHtml a configuração toolbar_Custom
, você faças as devidas alterações, tendo então um tipo default e outro configurado com o seu estilo.
Referências