|
|
Geplaatst op 17-04-2015 16:20:20
|
|
|
Na twee dagen integreerden Ckeditor en Ckfinder eindelijk de functie voor het uploaden van afbeeldingen.
Hier zal ik schrijven over mijn ervaring.
Om de redactiemodule van nieuws te implementeren, introduceerde mijn broer mij aan Ckeditor.
Download eerst de .net-versie van Ckeditor op http://ckeditor.com/, ik gebruik hier ckeditor_aspnet_3.6.4.
Na het downloaden open je het uitpak. Maar niet alles hier is nuttig, dus je kunt het neerleggen
waarbij sample een voorbeeld is, en source het bronbestand
, direct verwijderd
, het doel is om het volume van de editor te verminderen. Kopieer vervolgens de hele map direct naar de hoofdmap van de website. Bronvermelding
ckeditro.net.dll
In de header van de pagina waar je de editor wilt gebruiken:
<scrip remove t src="/ckeditor/ckeditor.js" type="text/javascrip remove t" ></scrip去掉t>
<scrip remove t type="text/javascrip remove t" >
window.onload = functie () {
CKEDITOR.replace("txtContent");
}
. .</scrip去掉t>
Carrosserie
：
<CKEditor:CKEditorControl ID="CKEditor1" BasePath="~/ckeditor/" runat="server">
</CKEditor:CKEditorControl>
De achtergrondcode is ook eenvoudig:
artikel. ARTIKELINHOUD = CKEditor1.Text; Dit wijst de bewerkte inhoud toe aan het ARTICLECONTENT-veld van de modelklasse van het artikel.
En daarmee is mijn editor succesvol afgerond!
Maar er is weer een groot probleem ontstaan, namelijk dat Ckeditor geen mogelijkheid heeft om afbeeldingen te uploaden, wat echt een hoofdpijndossier is. Hoe doe je dit? Ga naar Baidu.
Zodra ik online ging, ontdekte ik dat er veel manieren zijn om het op te lossen, sommigen zeggen dat het een functie is om een afbeelding buiten de editor te uploaden, en dan zijn serverlinkpad door te geven aan de huidige cursor van de editor wanneer het naar de server wordt gestuurd, het dan te implementeren, het te doen, en ineens merken dat wanneer je op de externe uploadafbeelding klikt, de cursor helemaal niet in de editor zit, wat moet ik doen??? Denk er eens over na, helaas, met de huidige kennis kan ik het niet, ik kan alleen maar opgeven. (Als een god het weet, laat dan een bericht achter om het me te vertellen, dank je); Sommigen zeggen dat je je eigen JS schrijft om deze functie te implementeren, en deze vervolgens in de editor inplugt om deze te voltooien, en er zijn veel van zulke artikelen:
1、 http://www.cnblogs.com/lts8989/archive/2011/08/04/2127326.html
2、 http://www.cnblogs.com/striiiiing/archive/2012/08/15/2640792.html
Ik vind deze twee artikelen best goed, maar mijn eigen kennis van JS is zwak, dus ik heb geprobeerd ze te schrijven, maar ik kon het nog steeds niet succesvol implementeren.
Nou, het lijkt erop dat ik Ckeditor alleen kan gebruiken om te integreren met Ckfinder, en ik wilde Ckfinder echt niet gebruiken omdat het opgeladen is, wat niet goed is!! Maar wat is er, het is goed om niet onder de officiële website te staan, ik ben direct naar de bronnen op internet gegaan, nou ja, uiteindelijk vond ik er een die zeer gedetailleerde bronnen bood (hier wil ik graag een paar broeders bedanken!!) Website: http://download.csdn.net/download/q8347901/3887066 (Er zijn ook gedetailleerde introductieartikelen over Ckeditor en Ckfinder hier, erg goed!) ）
Download Ckfinder, kopieer vervolgens het ckfinder.dll-bestand van de /bin-map naar de site bin-directory, kopieer de ckfinder-map naar de rootmap van de site (je kunt een ander pad kiezen) en raadpleeg de ckfinder.dll
Configureer dit:
Als je op de .aspx pagina zit die je wilt ckeditoren, is het als volgt:
CKEDITOR.replace('Tekstvak dat je wilt bewerken inschakelen',
{
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'
}
);
Gebruik natuurlijk de globale configuratiemethode
Configureer in config.js van de Ckeditor-plugin
config.filebrowserBrowseUrl="/ckfinder/ckfinder.html";
config.filebrowserImageBrowseUrl="/ckfinder/ckfinder.html? Type=Afbeeldingen";
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";
Na de configuratie past je de config.ascx aan in ckfinder
CheckAuthentication()in Return true, anders wordt het niet geüpload en vereist het verificatie
Het pad naar BaseUrl in SetConfig() is het pad om te uploaden
Vergeet ook niet het bll-bestand in ckfinder te raadplegen nadat je goed hebt opgelet.
Nou, je integratie en het uploaden van afbeeldingen zijn succesvol afgerond.
Als alternatief, als je de Hyperlinks- en Geavanceerde-tabbladen in het Afbeeldingen-paneel wilt verbergen, kun je dat doen in de plugins/afbeeldingen/dialogen van CKEditor image.js
Zoek op "Link" en "advanced" in "id:'Link'," en "id:'advanced'," en voeg "hidden:true" toe, doe het gewoon.
Als je het uiterlijk wilt verbeteren en je website wilt optimaliseren, bekijk dan enkele van de volgende artikelen.
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 |
Vorig:asp.net Teksteditor (FCKeditor)Volgend:SQL Server bepaalt of er databases, tabellen, kolommen en weergaven zijn
|
