|
|
Publisert på 17.04.2015 16:20:20
|
|
|
Etter to dager integrerte Ckeditor og Ckfinder endelig funksjonen for bildeopplasting.
Her vil jeg skrive om min erfaring.
For å implementere redigeringsmodulen for nyheter, introduserte broren min meg for Ckeditor.
Først, last ned .net-versjonen av Ckeditor på http://ckeditor.com/, jeg bruker ckeditor_aspnet_3.6.4 her.
Etter nedlasting, åpne den. Men ikke alt her er nyttig, så du kan sette det inn
hvor sample er et eksempel, og source er kildefilen
, direkte slettet
, hensikten er å redusere volumet på editoren. Deretter kopierer du hele mappen direkte til rotkatalogen på nettsiden. Sitering
ckeditro.net.dll
I overskriften på siden der du må bruke editorkontrollen:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = funksjon () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Karosseri
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Bakgrunnskoden er også enkel:
artikkel. ARTIKKELINNHOLD = CKEditor1.Text; Dette tildeler det redigerte innholdet til ARTICLECONTENT-feltet i artikkelens modellklasse.
Og med det er redigereren min fullført!
Men et stort problem har oppstått igjen, nemlig at Ckeditor ikke har mulighet til å laste opp bilder, noe som virkelig er et hodebry. Hvordan gjøre dette? Gå til Baidu.
Så snart jeg gikk på nettet, fant jeg ut at det finnes mange måter å løse det på, noen sier at det er å lage en funksjon der man laster opp et bilde utenfor editoren, og så sender hans serverlink-sti til den nåværende markøren i editoren når det sendes til serveren, så implementere det, gjøre det, og plutselig oppdage at når du klikker på det eksterne opplastingsbildet, er ikke markøren i editoren i det hele tatt, hva bør jeg gjøre??? Tenk på det, men med den kunnskapen jeg har nå, klarer jeg det ikke, jeg kan bare gi opp. (Hvis noen guder vet, legg igjen en beskjed for å fortelle meg, takk); Noen sier at du skriver din egen JS for å implementere denne funksjonen, og deretter kobler den til editoren for å fullføre den, og det finnes mange slike artikler:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Jeg synes disse to artiklene er ganske gode, men min egen JS-kunnskap er svak, så jeg prøvde å skrive den, men jeg klarte fortsatt ikke å implementere den med suksess.
Vel, det ser ut til at jeg bare kan bruke Ckeditor for å integrere med Ckfinder, og jeg ville virkelig ikke bruke Ckfinder fordi det er ladet, noe som ikke er bra!! Men hva er galt, det er bra å ikke være under den offisielle nettsiden, jeg gikk direkte til ressursene på Internett, vel, til slutt fant jeg en som ga veldig detaljerte ressurser (her vil jeg takke noen brødre!!) Nettside: http://download.csdn.net/download/q8347901/3887066 (Det finnes også detaljerte introduksjonsartikler om Ckeditor og Ckfinder her, veldig bra!) ）
Last ned Ckfinder, kopier deretter ckfinder.dll-filen fra /bin-katalogen til site-bin-katalogen, kopier ckfinder-katalogen til rotmappen på nettstedet (du kan velge en annen sti), og referer til ckfinder.dll
Konfigurer dette:
Hvis du er på den .aspx siden du vil bruke ckeditor, er det som følger:
CKEDITOR.replace('Tekstboks du vil aktivere redigering',
{
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'
}
);
Selvfølgelig, bruk den globale konfigurasjonsmetoden
Konfigurer i config.js av Ckeditor-pluginen
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Type=Bilder";
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";
Etter konfigurasjonen endrer du config.ascx i ckfinder
CheckAuthentication()i Return true, ellers vil den ikke bli lastet opp og krever verifisering
Veien til BaseUrl i SetConfig() er stien for opplasting
Etter å ha fulgt med, ikke glem å referere til bll-filen i ckfinder
Vel, integrasjonen og opplasting av bildene er fullført med suksess.
Alternativt, hvis du vil skjule fanene for hyperkoblinger og avanserte i Bilder-panelet, kan du gjøre det i CKEditors plugins/bilde/dialoger/image.js
Søk etter "Link" og "advanced" i "id:'Link'," og "id:'advanced'," og legg til "hidden:true", bare gjør det.
Hvis du vil forbedre utseendet og optimalisere nettsiden din, sjekk ut noen av følgende artikler.
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 |
Foregående:asp.net Tekstredigerer (FCKeditor)Neste:SQL Server avgjør om det finnes databaser, tabeller, kolonner og visninger
|
