|
|
Objavljeno na 17. 04. 2015 16:20:20
|
|
|
Po dveh dneh sta Ckeditor in Ckfinder končno integrirala funkcijo za nalaganje slik.
Tukaj bom pisal o svoji izkušnji.
Da bi implementiral modul za urejanje novic, me je brat seznanil s Ckeditorjem.
Najprej prenesite .net različico Ckeditorja na http://ckeditor.com/, tukaj uporabljam ckeditor_aspnet_3.6.4.
Po prenosu ga odpri in odpri. Ampak ni vse tukaj uporabno, zato lahko to napišeš
kjer je vzorec primer, vir pa izvorna datoteka
, neposredno izbrisano
, namen je zmanjšati volumen urejevalnika. Nato kopiraj celotno mapo neposredno v korensko mapo spletne strani. Navedba
ckeditro.net.dll
V glavi strani, kjer morate uporabiti urejevalnik:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = funkcija () {
CKEDITOR.replace("txtContent");
}
</scrip去掉t>. . .
Karoserija
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Ozadje je prav tako preprosto:
članek. ARTICLECONTENT = CKEditor1.Besedilo; S tem se urejena vsebina dodeli polju ARTICLECONTENT v razredu modela članka.
In s tem je moj urednik uspešno zaključen!
A spet se je pojavil velik problem, in sicer, da Ckeditor nima možnosti nalaganja slik, kar je res nadležno. Kako to narediti? Pojdi v Baidu.
Takoj ko sem šel na splet, sem ugotovil, da obstaja veliko načinov za rešitev, nekateri pravijo, da je treba ustvariti funkcijo nalaganja slike zunaj urejevalnika, nato pa poslati pot povezave do strežnika trenutnemu kazalcu urejevalnika, ko se ta posreduje strežniku, nato to implementirati, narediti in nenadoma ugotoviti, da ko kliknem na zunanjo naloženo sliko, kazalec sploh ni v urejevalniku, kaj naj naredim??? Pomislite, žal, s trenutnim znanjem tega ne zmorem, lahko le obupam. (Če kdo ve, naj pusti sporočilo, da mi sporoči, hvala); Nekateri pravijo, da napišeš svoj JS za izvedbo te funkcije in ga nato vneseš v urejevalnik, da jo dokončaš, in obstaja veliko takšnih člankov:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Mislim, da sta ta dva članka kar dobra, vendar je moje znanje JS šibko, zato sem poskušal napisati, a ga še vedno nisem uspel uspešno uresničiti.
No, zdi se, da lahko Ckeditor uporabljam le za integracijo s Ckfinderjem, in res nisem želel uporabljati Ckfinderja, ker je polnljiv, kar ni dobro!! Ampak kaj je narobe, dobro je, da nisi pod uradno spletno stranjo, šel sem neposredno na internetne vire, no, končno sem našel enega, ki je nudil zelo podrobne vire (tukaj bi se rad zahvalil nekaj bratom!!) Spletna stran: http://download.csdn.net/download/q8347901/3887066 (Tukaj so tudi podrobni uvodni članki o Ckeditorju in Ckfinderju, zelo dobri!) ）
Prenesite Ckfinder, nato kopirajte ckfinder.dll datoteko iz /bin mape v mapo site bin, kopirajte ckfinder mapo v korensko mapo strani (lahko izberete drugo pot) in se sklicujete na ckfinder.dll
Nastavite to:
Če ste na .aspx strani, ki jo želite ckeditirati, je to naslednje:
CKEDITOR.replace('Besedilno polje, ki ga želite omogočiti za urejanje',
{
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'
}
);
Seveda uporabite globalno metodo konfiguracije
Konfiguracija v config.js vtičnika Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Tip=Slike";
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";
Po konfiguraciji spremenite config.ascx v ckfinderju
CheckAuthentication()in Return true, sicer ne bo naložen in zahteva preverjanje
Pot do BaseUrl v SetConfig() je pot za nalaganje
Tudi po tem, ko ste pozorni, ne pozabite pogledati datoteke bll v ckfinderju
No, integracija in nalaganje slik sta uspešno zaključena.
Alternativno, če želite skriti zavihke Hiperpovezave in Napredno v panelu Slike, to lahko storite v CKEditorjevih vtičnikih/slikah/dialogih/image.js
Išči "Link" in "advanced" v "id:'Link'" in "id:'advanced'" ter dodaj "hidden:true", samo naredi.
Če želite izboljšati videz in optimizirati svojo spletno stran, si oglejte nekaj naslednjih člankov.
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 |
Prejšnji:asp.net Urejevalnik besedila (FCKeditor)Naslednji:SQL Server določa, ali obstajajo baze podatkov, tabele, stolpci in pogledi
|
