|
|
Opslået på 17/04/2015 16.20.20
|
|
|
Efter to dage integrerede Ckeditor og Ckfinder endelig billeduploadfunktionen.
Her vil jeg skrive om min oplevelse.
For at implementere redigeringsmodulet for nyheder introducerede min bror mig for Ckeditor.
Først, download .net-versionen af Ckeditor på http://ckeditor.com/, jeg bruger ckeditor_aspnet_3.6.4 her.
Efter download, pak den ud og åbn den. Men ikke alt her er brugbart, så du kan bare sætte det ind
hvor sample er et eksempel, og source er sourcefilen
, direkte slettet
, formålet er at reducere redaktørens volumen. Kopier derefter hele mappen direkte til rodmappen på hjemmesiden. Kildehenvisning
ckeditro.net.dll
I sidehovedet, hvor du skal bruge editor-kontrollen:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = funktion () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Karrosseri
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Baggrundskoden er også enkel:
artikel. ARTIKELINDHOLD = CKEditor1.Text; Dette tildeler det redigerede indhold til ARTICLECONTENT-feltet i artikelens modelklasse.
Og med det er min redaktør færdig med succes!
Men et stort problem er opstået igen, nemlig at Ckeditor ikke har mulighed for at uploade billeder, hvilket virkelig er en hovedpine. Hvordan gør man det? Gå til Baidu.
Så snart jeg gik online, fandt jeg ud af, at der er mange måder at løse det på, nogle siger, at det er at lave en funktion ved at uploade et billede uden for editoren, og så sende hans serverlinksti til editorens nuværende cursor, når det sendes til serveren, så implementere det, gøre det, og pludselig opdage, at når du klikker på det eksterne uploadbillede, er cursoren slet ikke i editoren – hvad skal jeg gøre??? Tænk over det, ak, med den nuværende viden kan jeg ikke gøre det, jeg kan kun give op. (Hvis nogen gud ved det, så læg en besked til mig, tak); Nogle siger, at man skriver sin egen JS for at implementere denne funktion, og derefter sætter den ind i editoren for at færdiggøre den, og der findes mange sådanne 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 artikler er ret gode, men min egen JS-viden er svag, så jeg prøvede at skrive dem, men jeg kunne stadig ikke implementere det med succes.
Nå, det ser ud til, at jeg kun kan bruge Ckeditor til at integrere med Ckfinder, og jeg ville virkelig ikke bruge Ckfinder, fordi det er opladet, hvilket ikke er godt!! Men hvad er der galt, det er godt ikke at være under den officielle hjemmeside, jeg gik direkte til ressourcerne på internettet, nå, til sidst fandt jeg en, der gav meget detaljerede ressourcer (her vil jeg gerne takke nogle brødre!!) Hjemmeside: http://download.csdn.net/download/q8347901/3887066 (Der er også detaljerede introduktionsartikler om Ckeditor og Ckfinder her, meget gode!) ）
Download Ckfinder, kopier derefter ckfinder.dll-filen fra /bin-mappen til site-bin-mappen, kopier ckfinder-mappen til rodmappen på siden (du kan vælge en anden sti), og referer til ckfinder.dll
Konfigurér dette:
Hvis du er på den .aspx side, du vil bruge 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'
}
);
Brug selvfølgelig den globale konfigurationsmetode
Konfigurer i config.js af Ckeditor-plugin'et
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? type=billeder";
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";
Efter konfigurationen skal config.ascx i ckfinder ændres
CheckAuthentication()i Return true, ellers vil den ikke blive uploadet og kræver verifikation
Stien til BaseUrl i SetConfig() er stien til upload
Glem også ikke at referere til bll-filen i ckfinder efter at have været opmærksom
Nå, din integration og upload af billeder er gennemført med succes.
Alternativt, hvis du vil skjule fanerne Hyperlinks og Avanceret i Billeder-panelet, kan du gøre det i CKEditors plugins/image/dialoger/image.js
Søg efter "Link" og "advanced" i "id:'Link'," og "id:'advanced'," og tilføj "hidden:true," bare gør det.
Hvis du vil forbedre udseendet og optimere din hjemmeside, så tjek nogle af de 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 |
Tidligere:asp.net Teksteditor (FCKeditor)Næste:SQL Server afgør, om der findes databaser, tabeller, kolonner og visninger
|
