FCKeditor'a Giriş FCKeditor, WYSIWYG işlevselliğini destekleyen güçlü bir metin düzenleyicidir ve kullanıcılara Microsoft Office yazılımı gibi çevrimiçi belge düzenleme hizmetleri sunabilir. Herhangi bir istemci kurulumu gerektirmez, çoğu ana akım tarayıcı ile uyumludur ve ASP.Net, ASP, ColdFusion, PHP, Java, Active-FoxPro, Lasso, Perl, ython gibi programlama ortamlarını destekler.
Resmi web sitesi http://www.fckeditor.net/
Resmi belgeler http://wiki.fckeditor.net/
Adresi indirin http://www.fckeditor.net/download/default.html
Aslında, FCKeditor'ın farklı sürümlerinin yapılandırma süreci temelde benzer ve burada en son 2.63'ü örnek olarak ele alacağız.
FCKeditor kurulumu ve yapılandırması http://www.fckeditor.net için FCKeditor2.63.zip ve FCKeditor.NET sürüm 2.63 için 2 zip paketini indirin
(a) FCKeditor_2.6.3, t dosyaları ve görselleri olmayan en son Javascrip'tir;
(b) FCKeditor.Net_2.6.3.zip, ASP.NET kontrol DLL dosyasıdır.
FCKeditor çekirdek dosyasını almak için a'yı açın ve web projesinin kök dizinine kopyalayın (tabii ki önerilir, istediğiniz yere koyabilirsiniz). Sonra fermuarı aç ve al. .NET destekli kaynak kodu, enter edin, Release bin altında FCKeditor DLL var (burada ayrıca bir debug klasörü de var, release kullanmak önerilir), projeye bir referans eklememiz gerekiyor.
1. Proje tarayıcısına sağ tıklayın ve Referans Ekle... seçeneğini seçin. ), Bak sekmesini bul, ardından açtığınız FredCK.FCKeditorV2.dll bulup onaylayın. Şu anda, FCKPro proje dizininde ek bir bin klasörü bulunmakta ve FredCK.FCKeditorV2.dll dosyaları bulunmaktadır.
2. RAD geliştirmeyi kolaylaştırmak için, FCKeditor kontrolünü VS Toolbox'a ekledik, araç kutusunun ortak sekme grubunu (Genel) genişlettik ve bileşeni seçmek için sağ tıkla (Öğe Seç... ), doğrudan iletişim kutusundaki göz atma butonunu bul, FredCK.FCKeditorV2.dll bul ve sonra onayla.
3. WebConfig'i yapılandırın, <appSettings>aşağıda gösterildiği gibi düğüme ekleyin:- <appSettings>
- <add key="FCKeditor:BasePath" value="/Web/fckeditor/"/>
- <add key="FCKeditor:UserFilesPath" value="/Web/Upload/" />
- </appSettings>
Kopya kodu
Not: "/Web/" proje adıdır.
BasePath:fckeditor, tüm FCKeditor klasörünün bulunduğu dizindir.
UserFilesPath: Dosya, görse vb. yükleme yolu.
Aşağıdaki ayrıntılı yapılandırmada ilk öğeyi tamamladıktan sonra FCKeditor kontrolünü kullanabiliriz. Bu aracı daha iyi hata ayıklamak ve gerçek ihtiyaçlarımızı karşılamak için özelliklerinin ayarlarını değiştirmek gerekir.
FCKeditor ayrıntılı ayarlar FCKeditor klasörüne gidin ve fckconfig dosyasını düzenleyin. Aslında, liste nispeten net, yazı daha standartlaştırılmış ve bazı açıklamalar var, ama biraz İngilizce biliyorsanız anlayabilirsiniz ve işletmek çok kolay. İşte küçük bir örnek olarak yaygın olarak kullanılan birkaç ayar.
1. Bu adım şart, en önemli ve vazgeçilmez adımdır.
Başlangıçta:
var _FileBrowserLanguage = 'php' ; asp | aspx | CFM | lasso | Perl | php | py
var _QuickUploadLanguage = 'php' ; asp | aspx | CFM | lasso | php
Değiştirildi:
var _FileBrowserLanguage = 'aspx' ; asp | aspx | CFM | lasso | Perl | php | py
var _QuickUploadLanguage = 'aspx' ; asp | aspx | CFM | lasso | php
2. Dil paketini yapılandırın. İngilizce, Çin Geleneksel gibi dili var, burada Çince Basitleştirilmiş olarak kullanıyoruz.
Aslen:
FCKConfig.DefaultLanguage = 'en' ;
Değiştirildi:
FCKConfig.DefaultLanguage = 'zh-cn' ;
3. Deriyi yapılandırın. Varsayılan olarak office2003, gümüş tarzı vb. var, burada varsayılan kullanabilirsiniz.
FCKConfig.SkinPath = FCKConfig.BasePath + 'skins/default/' ;
4. Düzenleyici alanında Tab tuşunu kullanabilirsiniz. (1 evet, 0 hayır)
FCKConfig.TabSpaces = 0 ; FCKConfig.TabSpaces = 1;
5. Yaygın olarak kullandığımız birkaç font yöntemi ekleyin, örneğin:
yenilemek
FCKConfig.FontNames = 'Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana' ;
Değiştirildi:
FCKConfig.FontNames = 'Şarkı Stili; siyah vücut; yazı yazısı; İtalik _GB2312; Arial; Comic Sans MS; Courier New; Tahoma; Times New Roman; Verdana'
6. Editör alanında varsayılan ekran fontu 12px'tir ve değiştirmek isterseniz, stil sayfasını gereksinimlere uygun şekilde değiştirebilir, /editor/css/fck_editorarea.css açabilir ve font boyutu özniteliğini değiştirebilirsiniz. Örneğin, font boyutu: 14px;
7. Güvenlik hakkında.
Eğer düzenleyiciniz web sitesinin ön kısmında kullanılıyorsa, güvenliği göz önünde bulundurmalısınız, ön plandaki varsayılan araç çubuğunu kullanmamalısınız, ya fonksiyonu özelleştirin ya da sistemin Temel yani temel araç çubuğunu tanımladığı sistemi kullanmalısınız,
FCKConfig.ToolbarSets["Basic"] = [ ['Kalın olsun','italik','-','OrderedList','UnorderedList','-','Link','Unlink','Image','-','About'] ] ;
Aslında, bunları kendi ihtiyaçlarınıza göre ayarlayabilirsiniz ve fonksiyonlar daha fazla seçenek sunacak kadar güçlüdür, bu da kesinlikle ihtiyaçlarınızı karşılayacaktır.
Elbette, güvenliği sağlamak için WebConfig'i de yapılandırabilirsiniz, bundan sonra bahsedeceğiz.
FCKEditor 2.6 ile ilgili sorunlar: 1. FCKeditor'daki "Lütfen editörü/dosya yöneticisi/bağlayıcıları/aspx/config.aspx hatasını kontrol edin" hatasına çözüm
CheckAuthentication() yöntemini değiştirmek ve true döndürmek için editor/filemanager/connectors/aspx/config.ascx açın
- private bool CheckAuthentication()
- {
- return true;
- }
Kopya kodu
2. Upload File penceresinde Browse Server'a tıklayın, sunucu doğru bir xml göndermedi..... Hata mesajı, çünkü FCKEditor'ın sonraki sürümleri, önce oluşturulması gereken dosya, resim, falsh, medya vb. gibi farklı dizinlere farklı türde dosyaların gönderilmesini gerektirir.
FCKeditor sadeleştirilmiş FCKeditor klasörüne gidin ve "_" ile başlayan tüm dosya ve klasörleri silin, bunlar bazı örnekler, sadece düzenleyici klasörü, fckconfig, fckeditor, fckstyles.xml, fcktemplates.xml;
Düzenleyici klasörüne gidin, "_source" klasörünü silin ve kaynak dosyayı oraya koyun;
Önceki dizine dosya yöneticisi klasörüne döndüğümüzde, iki klasör vardır: tarayıcı ve yükleme. Tarayıcının "varsayılan" konnektörlerine gidin, sadece aspx klasörünü saklayın ve kalanını silin. MCPUK dizini de silinebilir; Upload aynı, sadece aspx klasörü tutuluyor;
Editöre geri dönüp resim klasörüne girin, emoji simgesine smiley koyuyor, iki seri var: msn ve fun, kendi emojinizi kullanmak isterseniz hepsini silebilirsiniz; Burada emoji simgesini kullanmak istiyorsanız, onu silmeyin;
Dil paketine ekleniyor, sadece Çince Basitleştirilmiş kullanıyorsan, sadece fcklanguagemanager ve zh-cn dosyalarını sakla, en (İngilizce) ve zh (Çin Geleneksel) dosyalarını saklamak tavsiye edilir, fcklanguagemanager dil yapılandırma dosyasıdır, fckconfig'deki ayarlarla eşleştirilebilir, ilgili dil dosyasına karşılık gelir, saklanmalıdır!
Sonra lang klasöründen çıkın, skins klasörüne girin, FCKeditor'ın varsayılan kremsi sarısını kullanmak istiyorsanız, diğer iki klasörü doğrudan varsayılan klasör hariç silin, başka bir şey kullanmak isterseniz kendi terciğinize bağlı.
asp.net editörlü paket:
ckeditor_aspnet_3.6.6.2.zip
(1.32 MB, İndirme sayısı: 0, Satış fiyatı: 2 Grain MB)
|