|
|
Publicerad på 2015-04-17 16:20:20
|
|
|
Efter två dagar integrerade Ckeditor och Ckfinder äntligen funktionen för bilduppladdning.
Här kommer jag att skriva om min upplevelse.
För att implementera redigeringsmodulen för nyheter introducerade min bror mig för Ckeditor.
Först, ladda ner .net-versionen av Ckeditor på http://ckeditor.com/, jag använder ckeditor_aspnet_3.6.4 här.
Efter nedladdning, öppna den. Men allt här är inte användbart, så du kan skriva det
där sample är ett exempel, och source är källfilen
, direkt borttagen
, syftet är att minska volymen på redigeraren. Kopiera sedan hela mappen direkt till webbplatsens rotkatalog. Källa
ckeditro.net.dll
I sidhuvudet där du behöver använda editorkontrollen:
<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>. .
Kaross
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
Bakgrundskoden är också enkel:
artikel. ARTIKELINNEHÅLL = CKEditor1.Text; Detta tilldelar det redigerade innehållet till fältet ARTICLECONTENT i artikelns modellklass.
Och med det är min redigerare framgångsrikt klar!
Men ett stort problem har uppstått igen, nämligen att Ckeditor inte har möjlighet att ladda upp bilder, vilket verkligen är ett huvudbry. Hur gör man detta? Gå till Baidu.
Så fort jag gick online upptäckte jag att det finns många sätt att lösa det, vissa säger att det är att skapa en funktion där man laddar upp en bild utanför editorn, och sedan skickar hans serverlänksväg till editorns nuvarande markör när den skickas till servern, sedan implementerar det, gör det, och plötsligt upptäcker att när du klickar på den externa uppladdningsbilden finns markören inte alls i editorn, vad ska jag göra??? Tänk på det, men med den nuvarande kunskapen kan jag inte göra det, jag kan bara ge upp. (Om någon gud vet, lämna ett meddelande och säg det, tack); Vissa säger att man skriver sin egen JS för att implementera denna funktion, och sedan kopplar in den i editorn för att slutföra den, och det finns många sådana artiklar:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Jag tycker att dessa två artiklar är ganska bra, men min egen JS-kunskap är svag, så jag försökte skriva dem, men lyckades ändå inte implementera dem.
Det verkar som att jag bara kan använda Ckeditor för att integrera med Ckfinder, och jag ville verkligen inte använda Ckfinder eftersom det är laddat, vilket inte är bra!! Men vad är det, det är bra att inte vara under den officiella webbplatsen, jag gick direkt till resurserna på internet, ja, till slut hittade jag en som gav väldigt detaljerade resurser (här vill jag tacka några bröder!!) Webbplats: http://download.csdn.net/download/q8347901/3887066 (Det finns också detaljerade introduktionsartiklar om Ckeditor och Ckfinder här, mycket bra!) ）
Ladda ner Ckfinder, kopiera sedan ckfinder.dll-filen från /bin-katalogen till site bin-katalogen, kopiera ckfinder-katalogen till rotkatalogen på webbplatsen (du kan välja en annan sökväg) och hänvisa till ckfinder.dll
Konfigurera detta:
Om du är på den .aspx sidan du vill ha ckeditor är det följande:
CKEDITOR.replace('Textruta du vill aktivera 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'
}
);
Använd förstås den globala konfigurationsmetoden
Konfigurera i config.js av Ckeditor-pluginet
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Typ=Bilder";
config.filebrowserFlashBrowseUrl="/ckfinder/ckfinder.html? Typ=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, ändra config.ascx i ckfinder
CheckAuthentication()i Return true, annars laddas den inte upp och kräver verifiering
Vägen till BaseUrl i SetConfig() är vägen för uppladdning
Glöm inte att referera till bll-filen i ckfinder efter att ha varit uppmärksam
Nåväl, din integration och uppladdning av bilder är framgångsrikt slutförda.
Alternativt, om du vill dölja flikarna Hyperlänkar och Avancerade i bildpanelen, kan du göra det i CKEditors plugins/bild/dialoger/image.js
Sök på "Link" och "advanced" i "id:'Link'," och "id:'advanced'," och lägg till "hidden:true", bara gör det.
Om du vill förbättra utseendet och optimera din webbplats, kolla in några av följande artiklar.
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 |
Föregående:asp.net Textredigerare (FCKeditor)Nästa:SQL Server avgör om det finns databaser, tabeller, kolumner och vyer
|
