İçeriğe geç

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:

<script type="text/javascript">
CKEDITOR.replace('editor1',{
toolbar:[[ 'Bold', 'Italic', 'Underline', 'Strike','-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' , '-', 'TextColor' ]]
});
</script>

bu işlemi ayar(config.js) dosyasında yapmak için :

CKEDITOR.editorConfig = function (config) {
config.toolbar:[
[ 'Bold', 'Italic', 'Underline', 'Strike','-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock' , '-', 'TextColor' ]
]
});

Bu ayarla çalıştırdığımız CKEditor şu şekilde olacaktır:

toolbar

Kullanılabilir tüm araçlar:

[ ‘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’ ] ,

 

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak.Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.