|
|
Julkaistu 17.4.2015 16.20.20
|
|
|
Kahden päivän jälkeen Ckeditor ja Ckfinder integroivat vihdoin kuvien lataustoiminnon.
Tässä kirjoitan kokemuksestani.
Jotta voisin toteuttaa uutisen editointimoduulin, veljeni esitteli minut Ckeditorille.
Ensiksi lataa .net-versio Ckeditorista http://ckeditor.com/:lle, käytän täällä ckeditor_aspnet_3.6.4:ää.
Lataamisen jälkeen avaa vetoketju. Mutta kaikki täällä ei ole hyödyllistä, joten voit laittaa sen
missä esimerkki on esimerkki ja lähde on lähdetiedosto
, suoraan poistettu
, tarkoituksena on vähentää editorin äänenvoimakkuutta. Sitten kopioi koko kansio suoraan verkkosivuston juurihakemistoon. Lähde
ckeditro.net.dll
Sivun otsikossa, jossa sinun täytyy käyttää editorin ohjausta:
<scrip poista t src="/ckeditor/ckeditor.js" type="text/javascrip poista t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = funktio () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Runko
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Taustakoodi on myös yksinkertainen:
artikkeli. ARTIKKELISISÄLTÖ = CKEditor1.Teksti; Tämä määrittää muokatun sisällön artikkelin malliluokan ARTICLECONTENT-kenttään.
Ja näin editorini on onnistuneesti valmis!
Mutta iso ongelma on jälleen noussut: Ckeditorilla ei ole mahdollisuutta ladata kuvia, mikä on todellinen päänsärky. Miten tämä tehdään? Mene Baiduun.
Heti kun menin verkkoon, huomasin, että on monia tapoja ratkaista asia, jotkut sanovat, että se on luoda funktio, jossa kuva ladataan editorin ulkopuolelle, ja sitten syöttää palvelimen linkkipolku editorin nykyiselle kohdistimelle, kun se siirretään palvelimelle, sitten toteuttaa se, tehdä se, ja yhtäkkiä huomaa, että kun klikkaat ulkoista latauskuvaa, kursori ei ole editorissa lainkaan, mitä minun pitäisi tehdä??? Ajattele, valitettavasti nykyisellä tiedolla en pysty siihen, voin vain luovuttaa. (Jos joku jumala tietää, jätä viesti ja kerro minulle, kiitos); Jotkut sanovat, että kirjoitat oman JS:n tämän toiminnon toteuttamista varten ja sitten liität sen editoriin sen suorittamiseksi, ja tällaisia artikkeleita on paljon:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Mielestäni nämä kaksi artikkelia ovat varsin hyviä, mutta oma JS-osaamiseni on heikko, joten yritin kirjoittaa sitä, mutta en silti onnistunut toteuttamaan sitä.
No, näyttää siltä, että voin käyttää Ckeditoria vain integraatioon Ckfinderiin, enkä todellakaan halunnut käyttää Ckfinderia, koska se on ladattu, mikä ei ole hyvä!! Mutta mikä hätänä, on hyvä ettei ole virallisen sivuston alla, menin suoraan internetin resursseihin, lopulta löysin yhden, joka tarjosi hyvin yksityiskohtaisia resursseja (tässä haluan kiittää muutamia veljiä!!) Verkkosivusto: http://download.csdn.net/download/q8347901/3887066 (Täällä on myös yksityiskohtaisia esittelyartikkeleita Ckeditorista ja Ckfinderista, erittäin hyvä!) ）
Lataa Ckfinder, kopioi sitten ckfinder.dll-tiedosto /bin-hakemistosta sivuston bin-hakemistoon, kopioi ckfinder-hakemisto sivuston juurihakemistoon (voit valita toisen polun) ja viittaa ckfinder.dll
Määritä tämä:
Jos olet .aspx sivulla, jonka haluat tehdä ckeditoriksi, se on seuraava:
CKEDITOR.replace('Tekstikenttä, jonka haluat ottaa muokkauksen käyttöön',
{
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'
}
);
Tietenkin käytä globaalia konfigurointimenetelmää
Määritä Ckeditor-lisäosan config.js
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Type=Images";
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";
Konfiguroinnin jälkeen muokkaa config.ascx-tiedostoa ckfinderissa
CheckAuthentication()in Return true, muuten sitä ei ladata ja se vaatii vahvistuksen
Polku BaseUrl:iin SetConfig():ssa on reitti latausreitti
Ja kun olet kiinnittänyt huomiota, muista viitata bll-tiedostoon ckfinderissa
Integraatio ja kuvien lataaminen on onnistuneesti suoritettu.
Vaihtoehtoisesti, jos haluat piilottaa Hyperlinkit ja Advanced-välilehdet Kuvat-paneelissa, voit tehdä sen CKEditorin lisäosissa/kuvissa/dialogeissa/image.js
Etsi "link" ja "advanced" sanoista "id:'Link'" ja "id:'advanced'" ja lisää "hidden:true", tee se vain.
Jos haluat parantaa ulkonäköä ja optimoida verkkosivustosi, tutustu seuraaviin artikkeleihin.
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 |
Edellinen:asp.net Tekstieditori (FCKeditor)Seuraava:SQL Server määrittää, onko olemassa tietokantoja, taulukoita, sarakkeita ja näkymiä
|
