CKEditor yapılandırma örneği
CKEditor ü sitenize eklemek için kullanılabilecek bir kod örneği. CKeditor dökümanlarına bakarak istenilen ekleme çıkarmaları rahatlıkla yapabilirsiniz.
var editor = CKEDITOR.instances["ck_container"];
if (editor) { editor.destroy(); }
//CKeditor'ün bulunduğu dizinin yolu.
CKEDITOR.config.basePath = "/ckeditor";
CKEDITOR.language = 'tr';
CKEDITOR.config.resize_enabled = false;
CKEDITOR.config.toolbar =
[
['Maximize', '-', 'Source', '-', 'Cut', 'Copy', 'Paste', '-', 'Undo', 'Redo', '-', 'Find', 'Replace', '-', 'Link', 'Unlink', '-', 'CreateDiv', 'Image', 'Table', 'HorizontalRule', '-', 'SpecialChar'],
'/',
['FontSize', 'Bold', 'Italic', 'Underline', 'Strike', '-', 'TextColor', 'BGColor', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'Outdent', 'Indent', '-', 'Subscript', 'Superscript', '-', 'NumberedList', 'BulletedList'],
['RemoveFormat']
];
CKEDITOR.config.docType = "";
CKEDITOR.config.on = {
instanceReady: function (e) {
//Editör yüksekliğinin ayarlanması
e.editor.resize("100%", 500);
e.editor.dataProcessor.writer.selfClosingEnd = ' />';
}
};
CKEDITOR.dtd.$removeEmpty['i'] = false;
CKEDITOR.config.enterMode = CKEDITOR.ENTER_BR;
CKEDITOR.config.shiftEnterMode = CKEDITOR.ENTER_BR;
CKEDITOR.config.autoParagraph = false;
CKEDITOR.config.ignoreEmptyParagraph = false;
CKEDITOR.config.fillEmptyBlocks = false;
CKEDITOR.config.tabSpaces = 4;
CKEDITOR.config.allowedContent = true;
CKEDITOR.config.autoUpdateElement = false;
CKEDITOR.config.entities = false;
CKEDITOR.config.extraPlugins = "uploadimage";
//Editörün üzerine dosya sürüklendiğinde, o dosyanın post edileceği link
CKEDITOR.config.uploadUrl = "/ckeditor-upload";
/*
CKeditor, üzerine sürüklenerek yüklenen dosyaların gösterilmesi için bir kütüphane hazırlamıştır.
Biz bu örnekte daha önce yüklenen dosyaların gösterileceği bir sayfanın CKeditöre nasıl tanımlanacağını örnek olarak vermek istedik.
*/
//Editöre sürüklenerek yüklenen dosyaları göstermek için hazırladığınız sayfanın linki
CKEDITOR.config.filebrowserBrowseUrl = "/ckeditor-browse";
//Editöre sürüklenerek yüklenen dosyaları göstermek için açılacak pencerenin genişliği
CKEDITOR.config.filebrowserWindowWidth = "1052";
//Editöre sürüklenerek yüklenen dosyaları göstermek için açılacak pencerenin yüksekliği
CKEDITOR.config.filebrowserWindowHeight = "789";
editor = CKEDITOR.replace("ck_container", CKEDITOR.config);