|
|
Közzétéve 2015. 04. 17. 16:20:20
|
|
|
Két nap elteltével a Ckeditor és a Ckfinder végre integrálták a képfeltöltési funkciót.
Itt írok a tapasztalataimat.
A hírszerkesztő modul megvalósításához a bátyám bemutatott nekem a Ckeditort.
Először töltsd le a Ckeditor .net verzióját http://ckeditor.com/-re, itt ckeditor_aspnet_3.6.4-et használok.
Letöltés után nyitd ki. De nem minden itt hasznos, szóval leírhatod
ahol a sample egy példa, a forrásfájl pedig
, közvetlenül törölve
, a cél a szerkesztő hangerőjének csökkentése. Ezután az egész mappát közvetlenül a weboldal gyökérkönyvtárába másolod. Hivatkozás
ckeditro.net.dll
Az oldal fejléce, ahol az szerkesztő vezérlést kell használnod:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = függvény () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Karosszéria
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
A háttérkód is egyszerű:
cikk. ARTICLECONTENT = CKEditor1.Text; Ez a szerkesztett tartalmat a cikk modellosztályának ARTICLECONTENT mezőjéhez rendeli.
És ezzel a szerkesztőm sikeresen elkészült!
De ismét egy nagy probléma merült fel: a Ckeditor nem képes képeket feltölteni, ami igazán fejfájás. Hogyan lehet ezt megcsinálni? Menj Baidába.
Amint online voltam, rájöttem, hogy sokféle megoldás létezik, egyesek szerint ez egy olyan funkció létrehozása, amely egy képet feltölt a szerkesztőn kívül, majd továbbítja a szerver link útvonalát a szerkesztő aktuális kurzorához, amikor az a szerverhez kerül, majd implementálom, megcsinálom, és hirtelen rájön, hogy amikor rákattintasz a külső feltöltő képre, a kurzor egyáltalán nincs a szerkesztőben, mit tegyek??? Gondolj bele, sajnos a jelenlegi tudással nem tudom megcsinálni, csak feladhatom. (Ha bárki tudja, hagyjon üzenetet, hogy elmondja, köszönöm); Egyesek szerint saját JS-t írsz a funkció megvalósításához, majd bedugod a szerkesztőbe a befejezéshez, és sok ilyen cikk létezik:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Szerintem ezek a két cikk elég jók, de a saját JS tudásom gyenge, ezért megpróbáltam megírni, de még mindig nem sikerült sikeresen megvalósítani.
Nos, úgy tűnik, csak a Ckeditorral tudom integrálni a Ckfindert, és tényleg nem akartam használni a Ckfindert, mert töltve van, ami nem jó!! De mi a baj, jó, ha nem a hivatalos weboldal alatt vagyok, közvetlenül az internetes forrásokhoz mentem, végül találtam egyet, ami nagyon részletes forrásokat nyújtott (itt szeretném megköszönni néhány testvérnek!!) Weboldal: http://download.csdn.net/download/q8347901/3887066 (Részletes bevezető cikkek is találhatók itt a Ckeditorról és a Ckfinderről, nagyon jó!) ）
Töltsd le a Ckfindert, majd másold le a ckfinder.dll fájlt a /bin könyvtárból a site bin könyvtárba, másold a ckfinder könyvtárat a weboldal gyökérkönyvtárába (választhatsz másik útvonalat), és hivatkozz a ckfinder.dll
Konfiguráld ezt:
Ha azon az oldalon vagy, .aspx oldalon vagy, amit ckeditort szeretnél, az a következő:
CKEDITOR.replace('Szövegdoboz, amit engedélyezni szeretnél szerkesztéssel',
{
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'
}
);
Természetesen használd a globális konfigurációs módszert
Konfigurálás a Ckeditor plugin 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";
A konfiguráció után módosítsd a config.ascx fájlt a ckfinderben
CheckAuthentication()in Return true visszatér, különben nem töltik fel, és ellenőrzésre van szükség
A BaseUrl-hez vezető út a SetConfig() menüben a feltöltéshez szükséges út
És miután figyeltél, ne felejtsd el hivatkozni a bll fájlra a ckfinderben
Nos, az integrációd és a képek feltöltése sikeresen befejeződött.
Alternatívaként, ha el akarod rejteni a Hyperlinks és a Advanced füleket a Képek panelben, ezt megteheted a CKEeditor bővítményeiben/képeiben/párbeszédeiben/image.js
Keress rá a "link" és a "advanced" kifejezésekre az "id:'Link'" és az "id:'advanced'" szavakba, és add hozzá a "hidden:true"-t, csak csináld.
Ha szeretnéd javítani a megjelenést és optimalizálni a weboldaladat, nézd meg az alábbi cikkeket.
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 |
Előző:asp.net Szövegszerkesztő (FCKeditor)Következő:Az SQL Server határozza meg, hogy léteznek-e adatbázisok, táblák, oszlopok és nézetek
|
