CKEditor Kullanımı – Toolbar Düzenlemesi
CKEditor ün bir çok özelliği var bu özellikler güzel olsa da çok fazla olması kullanıcıyı rahatsız edebilir. Kullanıcı için sade ve kullanışlı olması ön plandadır.Eğer kullanıcının kullanacağı araçlar sadece kalın,altı çizgili,sağ sola yasla,ve renk ise karşısına daha fazlasını çıkartmanın bir anlamı yok.Bunun için yapmamız gereken aşağıdaki gibi bir ayarlama:
[code lang="javascript"]<script type="text/javascript">CKEDITOR.replace('editor1',{
toolbar:[[ 'Bold', 'Italic', 'Underline', 'Strike','-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' , '-', 'TextColor' ]]
});
</script>[/code]
bu işlemi ayar(config.js) dosyasında yapmak için :
[code lang="javascript"]CKEDITOR.editorConfig = function (config) {config.toolbar:[
[ 'Bold', 'Italic', 'Underline', 'Strike','-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' , '-', 'TextColor' ]
]
});[/code]
Bu ayarla çalıştırdığımız CKEditor şu şekilde olacaktır:
Kullanılabilir tüm araçlar:
[box type="note" style="rounded"][ ‘Source’, ‘-‘, ‘Preview’, ‘-‘, ‘Templates’ ] ,[ ‘Cut’, ‘Copy’, ‘Paste’, ‘PasteText’, ‘PasteFromWord’, ‘-‘, ‘Undo’, ‘Redo’ ] ,
[ ‘Find’, ‘Replace’, ‘-‘, ‘SelectAll’] ,
[ ‘Form’, ‘Checkbox’, ‘Radio’, ‘TextField’, ‘Textarea’, ‘Select’, ‘Button’, ‘ImageButton’, ‘HiddenField’ ] ,
‘/’,//Satır sonu
[ ‘Bold’, ‘Italic’, ‘Underline’, ‘Strike’, ‘Subscript’, ‘Superscript’, ‘-‘, ‘RemoveFormat’ ] ,
[ ‘NumberedList’, ‘BulletedList’, ‘-‘, ‘Outdent’, ‘Indent’, ‘-‘, ‘Blockquote’, ‘CreateDiv’, ‘-‘, ‘JustifyLeft’, ‘JustifyCenter’, ‘JustifyRight’, ‘JustifyBlock’ ] ,
[ ‘Link’, ‘Unlink’ ] ,
[ ‘Image’, ‘Flash’, ‘Table’, ‘HorizontalRule’, ‘Smiley’, ‘PageBreak’] ,
[ ‘Styles’, ‘Format’, ‘Font’, ‘FontSize’ ] ,
[ ‘TextColor’, ‘BGColor’ ],
[ ‘Maximize’, ‘ShowBlocks’ ] ,[/box]
[box type="tick" style="rounded"]
Diğer yazılar:
CKEditor Kullanımı – Kurulum
CKEditor Kullanımı – Ayarlar
CKEditor Kullanımı – Dosya Yöneticisi
CKEditor Kullanımı – Ajax Post
[/box]