|
|
Yayınlandı 17.04.2015 16:20:20
|
|
|
İki gün sonra, Ckeditor ve Ckfinder nihayet görsel yükleme fonksiyonunu entegre etti.
Burada kendi deneyimimi yazacağım.
Haber düzenleme modülünü uygulamak için kardeşim beni Ckeditor ile tanıştırdı.
Öncelikle, http://ckeditor.com/ için Ckeditor'ın .net sürümünü indirin, burada ckeditor_aspnet_3.6.4 kullanıyorum.
İndirdikten sonra fermuarı açın. Ama buradaki her şey faydalı değil, o yüzden koyabilirsiniz
burada örnek bir örnek, kaynak dosya ise
, doğrudan silindi
, amaç editörün sesini azaltmaktır. Sonra tüm klasörü doğrudan web sitesinin kök dizinine kopyalayın. Alıntı
ckeditro.net.dll
Sayfanın başlığında, editör kontrolünü kullanmanız gerekirse:
<scrip t kaldır src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = fonksiyon () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Gövde
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="sunucu">
</CKEditor:CKEditorControl>
Arka plan kodu da basittir:
makale. MAKALE İDDİRİSİ = CKEditor1.Metin; Bu, düzenlenen içeriği makalenin model sınıfının ARTICLECONTENT alanına atar.
Ve böylece editörüm başarıyla tamamlandı!
Ama yine büyük bir sorun ortaya çıktı, yani Ckeditor'ın görsel yükleme yeteneği yok, bu gerçekten baş ağrısı. Bunu nasıl yaparım? Baidu'ya git.
Çevrimiçi olur olmaz çözmenin birçok yolu olduğunu fark ettim; bazıları bunun editörün dışında bir görsel yükleme fonksiyonu oluşturup sunucuya geçtiğinde sunucu bağlantı yolunu mevcut imleceğe aktarmak, sonra uygulamak ve bir anda dış yükleme görsemine tıkladığınızda imlecin düzenleyicide hiç olmadığını görmek olduğunu söylüyor, ne yapmalıyım??? Düşünün, ne yazık ki mevcut bilgiyle yapamam, sadece pes edebilirim. (Eğer herhangi bir tanrı bilirse, bana mesaj bırakıp haber versin, teşekkür ederim); Bazıları bu işlevi uygulamak için kendi JS'nizi yazdığınızı ve sonra editörü takılayarak tamamladığınızı söylüyor ve bu tür birçok makale vardır:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Bu iki makalenin oldukça iyi olduğunu düşünüyorum, ama kendi JS bilgim zayıf, bu yüzden yazmaya çalıştım ama yine de başarılı bir şekilde uygulayamadım.
Görünüşe göre Ckeditor'ı sadece Ckfinder ile entegre etmek için kullanabiliyorum ve gerçekten Ckfinder'ı kullanmak istemedim çünkü şarjlı, bu da iyi değil!! Ama sorun ne, resmi web sitesinde olmamak iyi, doğrudan internetteki kaynaklara girdim, sonunda çok detaylı kaynaklar sunan bir tane buldum (burada bazı kardeşlere teşekkür etmek isterim!!) Web sitesi: http://download.csdn.net/download/q8347901/3887066 (Burada Ckeditor ve Ckfinder hakkında ayrıntılı tanıtım makaleleri de var, çok iyi!) ）
Ckfinder'ı indirin, sonra ckfinder.dll dosyasını /bin dizininden site bin dizinine kopyalayın, ckfinder dizinini sitenin kök dizinine kopyalayın (başka bir yol seçebilirsiniz) ve referans ckfinder.dll
Bunu yapılandırın:
Eğer ckeditor yapmak istediğiniz .aspx sayfadaysanız, bu durum şöyledir:
CKEDITOR.replace('Düzenlemeyi etkinleştirmek istediğiniz metin kutusu',
{
filebrowserBrowseUrl:'/ckfinder/ckfinder.html',//启用浏览功能
filebrowserImageBrowseUrl:'/ckfinder/ckfinder.html?Type=Images',
filebrowserFlashBrowseUrl:'/ckfinder/ckfinder.html?Type=Flash',
filebrowserUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',
filebrowserImageUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',
filebrowserFlashUploadUrl:'/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash'
}
);
Tabii ki, küresel yapılandırma yöntemini kullanın
Ckeditor eklentisinin config.js yapılandırma
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Type=Images";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Type=Flash";
config.filebrowserUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files";
config.filebrowserImageUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images";
config.filebrowserFlashUploadUrl="/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash";
Konfigürasyondan sonra, ckfinder'da config.ascx dosyasını değiştirin
CheckAuthentication()in Return true, aksi takdirde yüklenmeyecek ve doğrulama gerektiriyor
SetConfig() içindeki BaseUrl'e giden yol, yükleme yoludur
Ayrıca dikkat ettikten sonra ckfinder'daki bll dosyasına başvurmayı unutmayın
Entegrasyon ve görsel yüklemeniz başarıyla tamamlandı.
Alternatif olarak, Görüntüler panelindeki Hiperlinkler ve Gelişmiş sekmelerini gizlemek isterseniz, bunu CKEditor'un eklentileri/image/dialogs/image.js
"id:'Link'" ve "id:'advanced'" içinde "link" ve "advanced" kelimelerini ara, "hidden:true" ekle, sadece yapın.
Görünümü iyileştirmek ve web sitenizi optimize etmek istiyorsanız, aşağıdaki makalelerden bazılarına göz atın.
1、 http://www.cnblogs.com/netec/archive/2009/11/02/ckeditor_ckfinder.html
2、 http://blog.csdn.net/lulu_jiang/article/details/5532345
3、 http://blog.csdn.net/hzq1074/article/details/5893475 |
Önceki:asp.net Metin Düzenleyici (FCKeditor)Önümüzdeki:SQL Server, veritabanları, tablolar, sütunlar ve görünümler olup olmadığını belirler
|
