|
|
Postat pe 17.04.2015 16:20:20
|
|
|
După două zile, Ckeditor și Ckfinder au integrat în sfârșit funcția de încărcare a imaginilor.
Aici voi scrie despre experiența mea.
Pentru a implementa modulul de editare al știrilor, fratele meu m-a introdus în Ckeditor.
În primul rând, descarcă versiunea .net a Ckeditor pe http://ckeditor.com/, eu folosesc ckeditor_aspnet_3.6.4 aici.
După descărcare, deschide-l. Dar nu totul de aici este util, așa că poți să-l pui
unde sample este un exemplu, iar sursa este fișierul sursă
, șters direct
, scopul este de a reduce volumul editorului. Apoi copiază întregul folder direct în directorul rădăcină al site-ului. Citare
ckeditro.net.dll
În antetul paginii unde trebuie să folosești controlul editorului:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = funcție () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Caroserie
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Codul de fundal este, de asemenea, simplu:
articol. ARTICLECONTENT = CKEditor1.Text; Aceasta atribuie conținutul editat câmpului ARTICLECONTENT al clasei-model a articolului.
Și cu asta, editorul meu este finalizat cu succes!
Dar a apărut din nou o mare problemă, și anume că Ckeditor nu are capacitatea de a încărca imagini, ceea ce este cu adevărat o bătaie de cap. Cum se face asta? Du-te la Baidu.
De îndată ce am intrat online, am descoperit că există multe moduri de a rezolva problema, unii spun că este să creezi o funcție de încărcare a unei imagini în afara editorului, apoi să pasezi calea legăturii serverului către cursorul curent al editorului când este transmisă serverului, apoi să o implementezi, să o faci și brusc să descopăr că atunci când dai click pe imaginea externă de încărcare, cursorul nu este deloc în editor, ce ar trebui să fac??? Gândește-te, din păcate, cu cunoștințele actuale, nu pot, pot doar să renunț. (Dacă vreun zeu știe, lasă un mesaj să-mi spui, mulțumesc); Unii spun că îți scrii propriul JS pentru a implementa această funcție, apoi o introduci în editor pentru a o completa, și există multe astfel de articole:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Cred că aceste două articole sunt destul de bune, dar cunoștințele mele de JS sunt slabe, așa că am încercat să le scriu, dar tot nu am reușit să le implementez cu succes.
Ei bine, se pare că pot folosi Ckeditor doar pentru a integra cu Ckfinder, și chiar nu voiam să folosesc Ckfinder pentru că este încărcat, ceea ce nu e bine!! Dar ce s-a întâmplat, e bine să nu fii pe site-ul oficial, am intrat direct pe resursele de pe Internet, ei bine, în cele din urmă am găsit una care oferea resurse foarte detaliate (aici aș vrea să mulțumesc câtorva frați!!) Site: http://download.csdn.net/download/q8347901/3887066 (Există și articole introductive detaliate pe Ckeditor și Ckfinder aici, foarte bune!) ）
Descarcă Ckfinder, apoi copiază fișierul ckfinder.dll din directorul /bin în directorul bin al site-ului, copiază directorul ckfinder în directorul rădăcină al site-ului (poți alege o altă cale) și referițiază ckfinder.dll
Configurează asta:
Dacă ești pe pagina .aspx pe care vrei să o faci ckeditor, este următoarea:
CKEDITOR.replace('Casetă de text pe care doriți să o activați editarea',
{
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'
}
);
Desigur, folosiți metoda configurației globale
Configurează în config.js pluginului Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Tip=Imagini";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Tip=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";
După configurare, modifică config.ascx în ckfinder
CheckAuthentication()in Return true, altfel nu va fi încărcat și necesită verificare
Calea către BaseUrl în SetConfig() este calea către încărcare
De asemenea, după ce ai fost atent, nu uita să faci referire la fișierul BLL din ckfinder
Ei bine, integrarea și încărcarea imaginilor tale sunt finalizate cu succes.
Alternativ, dacă vrei să ascunzi filele Hyperlinks și Advanced în panoul Imagini, poți face asta prin pluginurile/imaginile/dialogurile/dialogurile CKEditor image.js
Caută "Link" și "advanced" în "id:'Link'" și "id:'advanced'" și adaugă "hidden:true", pur și simplu fă-o.
Dacă vrei să îmbunătățești aspectul și să-ți optimizezi site-ul, consultă câteva dintre următoarele articole.
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 |
Precedent:asp.net Editor de text (FCKeditor)Următor:SQL Server determină dacă există baze de date, tabele, coloane și vizualizări
|
