|
|
Zverejnené 17. 4. 2015 16:20:20
|
|
|
Po dvoch dňoch Ckeditor a Ckfinder konečne integrovali funkciu nahrávania obrázkov.
Tu napíšem o svojej skúsenosti.
Aby som mohol implementovať editačný modul v spravodajstve, brat mi predstavil Ckeditor.
Najprv si stiahni .net verziu Ckeditoru na http://ckeditor.com/, ja používam ckeditor_aspnet_3.6.4 tu.
Po stiahnutí ho rozbaľte a otvorte. Ale nie všetko tu je užitočné, takže to môžete uviesť
kde sample je príklad a zdroj zdrojový súbor
, priamo vymazané
, účelom je znížiť objem editora. Potom skopíruj celý priečinok priamo do koreňového adresára webu. Citácia
ckeditro.net.dll
V hlavičke stránky, kde potrebujete použiť ovládanie editora:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip odstrániť t typ="text/javascrip odstrániť t" >
window.onload = function () {
CKEDITOR.replace("txtContent");
}
</scrip去掉t>. . .
Telo
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Pozadie kódu je tiež jednoduché:
článok. OBSAH ČLÁNKU = CKEditor1.Text; Tým sa upravený obsah priradí do poľa ARTICLECONTENT v modelovej triede článku.
A tým je môj editor úspešne dokončený!
Ale opäť sa objavil veľký problém, a to že Ckeditor nemá možnosť nahrávať obrázky, čo je naozaj otrava. Ako to urobiť? Choď do Baidu.
Hneď ako som sa prihlásil online, zistil som, že existuje mnoho spôsobov, ako to vyriešiť, niektorí tvrdia, že ide o vytvorenie funkcie nahrania obrázka mimo editoru, potom preposielanie jeho serverovej linkovej cesty do aktuálneho kurzora editoru, keď sa odovzdá serveru, potom to implementujete, urobte to a zrazu zistíte, že keď kliknete na externý nahraný obrázok, kurzor v editore vôbec nie je, čo mám robiť??? Premýšľaj o tom, žiaľ, s aktuálnymi vedomosťami to nezvládnem, môžem to len vzdať. (Ak niekto vie, nech mi napíše, ďakujem); Niektorí hovoria, že si napíšete vlastný JS na implementáciu tejto funkcie a potom ho zapojíte do editora, aby ste ho dokončili, a existuje mnoho takýchto článkov:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Myslím, že tieto dva články sú celkom dobré, ale moje vlastné znalosti JS sú slabé, tak som sa ich pokúsil napísať, ale stále sa mi to nepodarilo úspešne implementovať.
Zdá sa, že Ckeditor môžem použiť len na integráciu s Ckfinderom, a naozaj som nechcel používať Ckfinder, pretože je nabíjaný, čo nie je dobré!! Ale čo sa deje, je dobré nie byť pod oficiálnou stránkou, išla som priamo na internetové zdroje, no, nakoniec som našla jeden, ktorý poskytoval veľmi podrobné zdroje (tu by som chcela poďakovať niektorým bratom!!) Webová stránka: http://download.csdn.net/download/q8347901/3887066 (Tu sú aj podrobné úvodné články o Ckeditore a Ckfinderi, veľmi dobré!) ）
Stiahnite si Ckfinder, potom skopírujte ckfinder.dll súbor z adresára /bin do adresára site bin, skopírujte adresár ckfinder do koreňového adresára stránky (môžete zvoliť inú cestu) a odkazujte na ckfinder.dll
Nakonfigurujte toto:
Ak ste na .aspx stránke, ktorú chcete prečítať v Ckeditore, je to nasledovné:
CKEDITOR.replace('Textové pole, ktoré chcete povoliť úpravy',
{
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'
}
);
Samozrejme, použite globálnu konfiguračnú metódu
Konfigurácia config.js pluginu Ckeditor
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Typ=Obrázky";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Typ=Blesk";
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 konfigurácii upravte config.ascx v ckfinderi
CheckAuthentication()in Return true, inak sa to nenahraje a vyžaduje overenie
Cesta k BaseUrl v SetConfig() je cesta na nahrávanie
Tiež po venovaní pozornosti nezabudni odkazovať na súbor BLL v CKFINDER
Vaša integrácia a nahrávanie obrázkov je úspešne dokončené.
Prípadne, ak chcete skryť hypertextové odkazy a záložky Pokročilé v paneli Obrázky, môžete to urobiť v pluginoch/obrázkoch/dialógoch CKEditor image.js
Vyhľadajte "Link" a "advanced" v "id:'Link'" a "id:'advanced'" a pridajte "hidden:true", jednoducho to urobte.
Ak chcete zlepšiť vzhľad a optimalizovať svoju webovú stránku, pozrite si niektoré z nasledujúcich článkov.
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 |
Predchádzajúci:asp.net Textový editor (FCKeditor)Budúci:SQL Server určuje, či existujú databázy, tabuľky, stĺpce a pohľady
|
