<\/div>\n

\u00d6nceki yaz\u0131lar\u0131mdan olan Asp.NET MVC CKEditor Entegresi ve Kullan\u0131m\u0131<\/a> ba\u015fl\u0131kl\u0131 yaz\u0131mda CKEditor’\u00fcn nas\u0131l kullan\u0131ld\u0131\u011f\u0131 hakk\u0131nda isti\u015fare yapm\u0131\u015ft\u0131k.Lakin ilgili makalede CKFinder entegrasyonuna de\u011finmedi\u011fim i\u00e7in bu eksikli\u011fi kapatmak a\u00e7\u0131s\u0131ndan bu yaz\u0131ya karar verdim.<\/p>\n

Yaz\u0131m\u0131za ba\u015flamadan \u00f6nce, yukar\u0131da verdi\u011fim yaz\u0131daki baz\u0131 bilgileri burada tekrarlam\u0131\u015f olaca\u011f\u0131z.Buna ra\u011fmen CKEditor kurulumuyla ilgili net ve detayl\u0131 bir i\u00e7erik bekliyorsan\u0131z \u00f6ncelikle yukar\u0131daki linkte verdi\u011fim yaz\u0131m\u0131 okumal\u0131s\u0131n\u0131z.<\/p>\n

\u00d6ncelikle CKFinder’\u0131n ne oldu\u011fundan bahsedelim.<\/p>\n

CKFinder, CKEditor mod\u00fcl\u00fcne entegre edilebilen ve sunucu bazl\u0131 i\u015flemlerde i\u015fbirli\u011fi sa\u011flayan bir paket mod\u00fcld\u00fcr.Genellikle CKFinder ile CKEditor’de makale tarz\u0131nda yaz\u0131lar yaz\u0131l\u0131rken, sunucuya resim, video ve flash tarz\u0131nda dosyalar y\u00fckleyebilir ve bu y\u00fcklenen dosyalar\u0131 CKEditor’de ki olu\u015fturalan makalede e\u015fzamanl\u0131 olarak kullanabilirsiniz.<\/p>\n

\u00d6nceki yaz\u0131m\u0131 okuyanlar bilir ki, CKEditor’e ckeditor.com\/download<\/a> adresinden ula\u015fabilirsiniz.CKFinder’\u0131 indirebilmek i\u00e7in de cksource.com\/ckfinder\/download<\/a> adresini kullanabilirsiniz.<\/p>\n

CKFinder’\u0131 verdi\u011fim siteden indirirken bir hususa dikkatinizi \u00e7ekmek istiyorum.
\n $\"Asp.NET$ <\/a>
\nYukar\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcnden de anla\u015f\u0131ld\u0131\u011f\u0131 gibi sayfa a\u00e7\u0131l\u0131r a\u00e7\u0131lmaz Download Free Trial linkine atlam\u0131yoruz.Bunun sebebi, ben CKFinder’\u0131 kurarken son versiyonunda ya\u015fad\u0131\u011f\u0131m s\u0131k\u0131nt\u0131dan dolay\u0131d\u0131r.Sayfan\u0131n alt\u0131na inerseniz e\u011fer, resimde de i\u015faretledi\u011fim gibi son versiyondan bir \u00f6nceki versiyonu indirmenizi tavsiye ediyorum.(Bu uyar\u0131 2.5.0 versiyonu i\u00e7in ge\u00e7erlidir.Bu yaz\u0131 tarihe kar\u0131\u015f\u0131p \u00fcst versiyonlar \u00e7\u0131kt\u0131\u011f\u0131 zaman sizler en g\u00fcncel versiyonu indirip deneyebilirsiniz.)<\/em><\/p>\n

\u015eimdi Visual Studio platformunda bir Asp.NET MVC projesi olu\u015fturuyoruz ve olu\u015fturdu\u011fumuz projeye indirdi\u011fimiz CKEditor ve CKFinder dosyalar\u0131n\u0131 a\u015fa\u011f\u0131daki gibi entegre ediyoruz.<\/p>\n

$\"Asp.NET$ <\/a><\/p>\n

Bu entegre i\u015fleminden sonra \u00f6ncelikle projemizde CKEditor’\u00fc \u00e7al\u0131\u015f\u0131r hale getirelim.<\/p>\n

\r\n    <script src="~\/ckeditor\/ckeditor.js"><\/script>\r\n    <script src="~\/ckfinder\/ckfinder.js"><\/script>\r\n    <script src="~\/Scripts\/jquery-1.10.2.min.js"><\/script>\r\n<\/pre>\nBu script dosyalar\u0131n\u0131 projenizde CKEditor ve CKFinder’\u0131 kullanaca\u011f\u0131n\u0131z sayfan\u0131n <head>-<\/head> taglar\u0131 aras\u0131na tan\u0131mlay\u0131n\u0131z.Ben bu \u00f6rne\u011fimizde Layout sayfas\u0131nda tan\u0131mlama yapmay\u0131 tercih ediyorum.<\/p>\n\r\n--- Layout.cshtml ---\r\n<!DOCTYPE html>\r\n<html>\r\n<head>\r\n\r\n    <script src="~\/ckeditor\/ckeditor.js"><\/script>\r\n    <script src="~\/ckfinder\/ckfinder.js"><\/script>\r\n    <script src="~\/Scripts\/jquery-1.10.2.min.js"><\/script>\r\n\r\n<\/head>\r\n<body>\r\n    @RenderBody()\r\n<\/body>\r\n<\/html>\r\n<\/pre>\nBu tan\u0131mlamalardan sonra CKEditor’u olu\u015fturacak komutumuzu sayfam\u0131za ekliyoruz.<\/p>\n\r\n@Html.TextArea("editor1")\r\n<script type="text\/javascript">\r\n    var editor = CKEDITOR.instances['editor1'];\r\n    if (editor) { editor.destroy(true); }\r\n    CKEDITOR.replace('editor1', {\r\n        enterMode: CKEDITOR.ENTER_BR,\r\n    });\r\n    CKFinder.setupCKEditor(null, '@Url.Content("~\/ckfinder\/")');\r\n<\/script>\r\n<\/pre>\nArt\u0131k bu komuttan sonra a\u015fa\u011f\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcnde de oldu\u011fu gibi CKEditor entegrasyonu tamamlanm\u0131\u015f demektir.
\n<\/a><\/p>\n
S\u0131ra geldi CKFinder mod\u00fcl\u00fcn\u00fc \u00e7al\u0131\u015f\u0131r vaziyete getirmeye.<\/p>\n
CKFinder mod\u00fcl\u00fcn\u00fcn i\u00e7indeki “CKFinder -> bin -> Release -> CKFinder.dll<\/strong>” kombinasyonundaki CKFinder.dll dosyas\u0131n\u0131 projemize referans olarak ekliyoruz.<\/p>\n
Bu i\u015flem neticesinde CKFinder klas\u00f6r\u00fcn\u00fcn i\u00e7indeki “config.ascs” dosyas\u0131nda a\u015fa\u011f\u0131daki modifikasyonu yap\u0131yoruz.<\/p>\n
\r\n<%@ Control Language="C#" EnableViewState="false" AutoEventWireup="false" Inherits="CKFinder.Settings.ConfigFile" %>\r\n<%@ Import Namespace="CKFinder.Settings" %>\r\n<script runat="server">\r\n    \r\n\tpublic override bool CheckAuthentication()\r\n\t{\r\n\t\treturn true;\r\n\t}\r\n\r\n\tpublic override void SetConfig()\r\n\t{\r\n    \tLicenseName = "";\r\n\t\tLicenseKey = "";\r\n\t\tBaseUrl = "\/Content\/Resimler\/";\r\n\t\tBaseDir = HttpContext.Current.Server.MapPath("~\/Content\/Resimler\/");\r\n\t\tPlugins = new string[] {\r\n\t\t};\r\n\t\tPluginSettings = new Hashtable();\r\n\t\tPluginSettings.Add("ImageResize_smallThumb", "90x90" );\r\n\t\tPluginSettings.Add("ImageResize_mediumThumb", "120x120" );\r\n\t\tPluginSettings.Add("ImageResize_largeThumb", "180x180" );\r\n\t\tPluginSettings.Add("Watermark_source", "logo.gif" );\r\n\t\tPluginSettings.Add("Watermark_marginRight", "5" );\r\n\t\tPluginSettings.Add("Watermark_marginBottom", "5" );\r\n\t\tPluginSettings.Add("Watermark_quality", "90" );\r\n\t\tPluginSettings.Add("Watermark_transparency", "80" );\r\n\t\tThumbnails.Url = BaseUrl + "_thumbs\/";\r\n\t\tif ( BaseDir != "" ) {\r\n\t\t\tThumbnails.Dir = BaseDir + "_thumbs\/";\r\n\t\t}\r\n\t\tThumbnails.Enabled = true;\r\n\t\tThumbnails.DirectAccess = false;\r\n\t\tThumbnails.MaxWidth = 100;\r\n\t\tThumbnails.MaxHeight = 100;\r\n\t\tThumbnails.Quality = 80;\r\n\t\tImages.MaxWidth = 1600;\r\n\t\tImages.MaxHeight = 1200;\r\n\t\tImages.Quality = 80;\r\n\t\tCheckSizeAfterScaling = true;\r\n\t\tDisallowUnsafeCharacters = true;\r\n\t\tCheckDoubleExtension = true;\r\n\t\tForceSingleExtension = true;\r\n\t\tHtmlExtensions = new string[] { "html", "htm", "xml", "js" };\r\n\t\tHideFolders = new string[] { ".*", "CVS" };\r\n\t\tHideFiles = new string[] { ".*" };\r\n\t\tSecureImageUploads = true;\r\n\t\tRoleSessionVar = "CKFinder_UserRole";\r\n\t\tAccessControl acl = AccessControl.Add();\r\n\t\tacl.Role = "*";\r\n\t\tacl.ResourceType = "*";\r\n\t\tacl.Folder = "\/";\r\n\t\tacl.FolderView = true;\r\n\t\tacl.FolderCreate = true;\r\n\t\tacl.FolderRename = true;\r\n\t\tacl.FolderDelete = true;\r\n\t\tacl.FileView = true;\r\n\t\tacl.FileUpload = true;\r\n\t\tacl.FileRename = true;\r\n\t\tacl.FileDelete = true;\r\n\t\tDefaultResourceTypes = "";\r\n\t\tResourceType type;\r\n\t\ttype = ResourceType.Add( "Files" );\r\n\t\ttype.Url = BaseUrl + "files\/";\r\n\t\ttype.Dir = BaseDir == "" ? "" : BaseDir + "files\/";\r\n\t\ttype.MaxSize = 0;\r\n\t\ttype.AllowedExtensions = new string[] { "7z", "aiff", "asf", "avi", "bmp", "csv", "doc", "docx", "fla", "flv", "gif", "gz", "gzip", "jpeg", "jpg", "mid", "mov", "mp3", "mp4", "mpc", "mpeg", "mpg", "ods", "odt", "pdf", "png", "ppt", "pptx", "pxd", "qt", "ram", "rar", "rm", "rmi", "rmvb", "rtf", "sdc", "sitd", "swf", "sxc", "sxw", "tar", "tgz", "tif", "tiff", "txt", "vsd", "wav", "wma", "wmv", "xls", "xlsx", "zip" };\r\n\t\ttype.DeniedExtensions = new string[] { };\r\n\t\ttype = ResourceType.Add( "Images" );\r\n\t\ttype.Url = BaseUrl + "images\/";\r\n\t\ttype.Dir = BaseDir == "" ? "" : BaseDir + "images\/";\r\n\t\ttype.MaxSize = 0;\r\n\t\ttype.AllowedExtensions = new string[] { "bmp", "gif", "jpeg", "jpg", "png" };\r\n\t\ttype.DeniedExtensions = new string[] { };\r\n\t\ttype = ResourceType.Add( "Flash" );\r\n\t\ttype.Url = BaseUrl + "flash\/";\r\n\t\ttype.Dir = BaseDir == "" ? "" : BaseDir + "flash\/";\r\n\t\ttype.MaxSize = 0;\r\n\t\ttype.AllowedExtensions = new string[] { "swf", "flv" };\r\n\t\ttype.DeniedExtensions = new string[] { };\r\n\t}\r\n<\/script>\r\n<\/pre>\nSiz bu dosyay\u0131 a\u00e7t\u0131\u011f\u0131n\u0131z zaman i\u00e7inde yorum sat\u0131rlar\u0131 ve sat\u0131r sat\u0131r komutlar bulunan kar\u0131\u015f\u0131k bir tabloyla kar\u015f\u0131 kar\u015f\u0131ya kalacaks\u0131n\u0131z.Evet, yukar\u0131daki gibi sadele\u015ftirip projenize devam edebilirsiniz.\u015eimdi yukar\u0131daki “config.ascs” dosyas\u0131ndaki \u00f6zelliklerden bahsedelim ve yapt\u0131\u011f\u0131m\u0131z i\u015flemi a\u00e7\u0131kl\u0131\u011fa kavu\u015ftural\u0131m.<\/p>\n
CheckAuthentication isimli metod, bir oturum kontrol metodudur.Bu metod ilk etapta false olarak gelmektedir.CKFinder’\u0131 kullanabilmek i\u00e7in bunu true yapmam\u0131z gerekiyor.Ama burada dikkat etmeniz gereken bir husus var.E\u011fer bu metod’da bir oturum kontrol\u00fc ger\u00e7ekle\u015ftirmezseniz, sitenize giren her kullan\u0131c\u0131 sunucuya istedi\u011fi dosyay\u0131 g\u00f6nderebilme l\u00fcks\u00fcne sahiptir.O y\u00fczden siz ciddi projelerinizde bir oturum kontrol\u00fc kullanmal\u0131 ve oturum a\u00e7\u0131lmam\u0131\u015fsa bu metodu false de\u011fer olarak geri d\u00f6nd\u00fcrmelisiniz.<\/p>\n
SetConfig isimli metod ise, se\u00e7ilen dosyalar\u0131 hangi dizine ataca\u011f\u0131n\u0131 belirtti\u011fimiz bir ayar metodudur.BaseUrl dizini belirlerken, BaseDir fiziksel dizin belirtisidir.Ben CKFinder ile se\u00e7ilen dosyalar\u0131 “Content” klas\u00f6r\u00fc alt\u0131nda manuel olu\u015fturdu\u011fum “Resimler” klas\u00f6r\u00fcne ataca\u011f\u0131m i\u00e7in bu dizinin adresini tan\u0131mlad\u0131m.<\/p>\n
\u015eimdi s\u0131ra geldi projemizi derleyip \u00e7al\u0131\u015ft\u0131rmaya.Ha, bu arada projeyi denemeden \u00f6nce yukar\u0131da CKEditor’\u00fc \u00e7al\u0131\u015ft\u0131ran komuta g\u00f6z atan\u0131z\u0131 tavsiye ediyorum.\u0130lgili komutta ki, “CKFinder.setupCKEditor(null, ‘@Url.Content(“~\/ckfinder\/”)<\/em><\/strong>” komutu sayesinde CKEditor’\u00fcm\u00fcze entegre edilecek CKFinder mod\u00fcl\u00fcn\u00fcn yolunu \u00e7oktan belirtmi\u015f olduk.<\/p>\nProjeyi ba\u015flatt\u0131\u011f\u0131m\u0131z zaman CKEditor’de ki a\u015fa\u011f\u0131daki ekran g\u00f6r\u00fcnt\u00fcs\u00fcnde i\u015faretledi\u011fim icona t\u0131klayarak CKFinder mod\u00fcl\u00fcn\u00fc a\u00e7abilirsiniz.
\n<\/a><\/p>\n
Bundan sonras\u0131n\u0131 a\u015fa\u011f\u0131daki videodan takip edebilirsiniz.<\/p>\n
Son olarak belirtmek istiyorum ki, videoda da dikkatinizi \u00e7ekmi\u015ftir san\u0131r\u0131m, resimleri atmak i\u00e7in olu\u015fturdu\u011fumuz Content\/Resimler klas\u00f6r\u00fc i\u00e7inde images isimli bir klas\u00f6r otomatik olarak CKFinder mod\u00fcl\u00fc sayesinde eklenmektedir.<\/p>\n
<\/iframe><\/p>\n<p>Bu yaz\u0131m\u0131z\u0131nda sonuna gelmi\u015f olduk.<br \/>\nSonraki yaz\u0131mda g\u00f6r\u00fc\u015fmek \u00fczere&#8230;<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar dilerim.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>\u00d6nceki yaz\u0131lar\u0131mdan olan Asp.NET MVC CKEditor Entegresi ve Kullan\u0131m\u0131 ba\u015fl\u0131kl\u0131 yaz\u0131mda CKEditor&#8217;\u00fcn nas\u0131l kullan\u0131ld\u0131\u011f\u0131 hakk\u0131nda isti\u015fare yapm\u0131\u015ft\u0131k.Lakin ilgili makalede CKFinder entegrasyonuna de\u011finmedi\u011fim i\u00e7in bu eksikli\u011fi kapatmak a\u00e7\u0131s\u0131ndan bu yaz\u0131ya karar verdim. Yaz\u0131m\u0131za ba\u015flamadan \u00f6nce,&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":3014,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,600],"tags":[746,347,735],"class_list":["post-3169","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-asp-net-mvc","category-asp-net-mvc-5","tag-asp-net-mvc","tag-ckeditor","tag-ckfinder"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3169","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=3169"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/3169\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media\/3014"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=3169"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=3169"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=3169"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}